Web Design & Development Training
become a full-stack & AI-powered developer

Introduction to JavaScript

• Overview of JavaScript
• Developer console
• Adding JavaScript into HTML
• JavaScript Statements
• Basic Syntax
• JavaScript Comments
• Interaction: alert, prompt, confirm

Variables in JavaScript

• The use of variables?
• JavaScript Let
• JavaScript Const
• JavaScript Reserved Words

Data Types

• Numbers
• Strings
• Boolean
• Array
• Objects
• Null
• Undefined

JavaScript Operators

• Arithmetic Operators
• Assignment operators
• Comparison Operators
• JavaScript Unary Operators
• Ternary Operator
• Instanceof Operator

Conditionals

• If-else
• Switch Case in JavaScript
• Break and Continue

Loops in JavaScript

• For Loop
• While Loop
• For-in Loop

Javascript functions

• User-defined functions
• Anonymous Functions
• Functions as First-Class Citizens
• Callback Functions
• Inbuilt Functions
• Understanding variable scopes in JavaScript
• this in JavaScript

Document Object Model (DOM)

• Introduction to
• Document Object Model
• Select Element By Id
• Select Elements By Name
• Select Elements By Tag Name
• Select Elements By Class Names
• Select Element By CSS Selectors

Traversing elements

• Get the Parent Element
• Get Siblings of an Element
• Get Children of an Element

DOM Manipulating elements

• Create Elements
• Append Child Nodes
• InnerHTML

Javascript Form

• How to Create a Form with the JavaScript?
• Form validation

Event handling

• Introduction to Events
• Page Load Events
• The onLoad Event
• The DOMContent
• Mouse Events
• Keyboard Events
• Scroll Events

ES6

• Template Literals
• Object Literal Syntax
• Default Parameters
• Rest Parameters
• Spread Operator
• Destructuring

Asynchronous JavaScript

• Promises
• Async/await

Error Handling

• try…catch try…catch…finally
• Throw an Exception

Introduction to VIBE CODING

• What is Vibe Coding and Why It Matters
• Traditional vs. AI-Assisted Development

Tools for Vibe Coding

• VS Code Extensions: Windsurf, GitHub Copilot, Tabnine
• LLM Platforms: ChatGPT, Deepseek, Gemini

No-Code Meets Vibe Coding

• Replit for instant coding
• Lovable for AI-generated apps
• Integrating No-Code tools with AI coding workflows

Introduction to React

• What is React JS?
• Why use React instead of JavaScript
• Project Overview
• Roadmap

React Setup

• Environment Setup
• Creating New Project
• Analyzing Project Structure

React basics and components

• Components & Why React is Component-Based?
• JSX
• React Elements
• Building Component
• Styling Components
• Dynamic Data in components
• Passing data using Props

State and event handling

• Handling Events in React
• Why are States required?
• useState() Hook
• Form Handling
• Handling form Submission

Contents conditional rendering

• Rendering of List
• Importance of key attribute
• Conditional Statements & Output

Handling side effects

• What are side effects & useEffect()
• UseEffect() hook
• Cleanup function

HTTP Calls using Axios/fetch

• Making first network Call with fetch
• Network call using Axios
• Handling data and states
• Async and Await
• Updating the data

Multipage Single page application with react-router

• Introduction to routIng
• What is Routing, how it works & installation
• Basic Routing
• Link and NavLink
• Dynamic Routes
• Nested Routes
• Redirection and Not Found Page

Global state management with context

• What is React Context?
• React context vs Redux
• When to use React Context?
• Application of react context

Redux

• Introduction to Redux
• Actions
• reducers
• The Redux store
• dispatch
• Connecting Redux to React

Deployment

PHP Introduction

• What is PHP
• What is a PHP FIle
• What Can PHP Do
• Why PHP

PHP Fundamentals

• Install
• Comments
• Variables
• Echo/Print
• Data Types
• Strings
• Numbers
• Math
• Constants
• Opertors
• if...Else...Elseif
• Switch
• Loops
• Functions
• Arrays
• Superglobals
• RegEx

PHP Forms

• Form Handling
• Form Validation
• Form Required
• Form URL/E-mailN
• Form Complete

PHP Advanced

• Date and Time
• Include
• File Handling
• FIle Open/Read
• File Create/Write
• File Upload
• Callback Function
• JSON
• Exceptions

PHP OOP

• What is OOP
• Classes/Objects
• Constructor
• Destructor
• Access Modifiers
• Inheritance
• Constants
• Abstract Classes
• Interfaces
• Traits
• Static Methods
• Static Properties
• Namespaces
• Iterables

MySQL SQL

• MySQL SQL
• SELECT
• WHERE
• AND,OR,NOT
• ORBER BY
• INSERT INTO
• NULL Vaues
• DELETE
• LIMIT
• MIN and MAX
• COUNT,AVG,SUM
• LIKE
• Wildcards
• IN
• BETWEEN
• Aliases

MySQL JOIN

• JOIN
• INNER JOIN
• LEFT JOIN
• RIGHT JOIN
• CROSS JOIN
• SELF JOIN
• SELF JOIN

MySQL UNION

• GROUP BY
• HAVING
• ANY,ALL
• CASE
• NULL FUNCTIONS
• COMMENTS
• OPRATORS

MySQL DATABASE

• CREATE DATEBASE
• DROP DATEBASE
• CREATE TABLE
• DROP TABLE
• ALTER TABLE
• CONSTRAINTS
• NOT NULL
• UNIQUE
• PRIMARY KEY
• FOREIGN KEY
• CHECK
• DEFAULT
• CREATE INDEX
• AUTO INCREMENT
• DATES
• VIEWS

LARAVEL

• Installation
• routing
• views/templates(blade template )
• layouts
• controller
• database
• migration
• model
• middleware
• controller
• validation using for request

• events and listeners
• logging
• authentication
• gates and policy
• tinker
• tinker
• mutators and accessors
• global scope
• route binding
• relationship
• soft delete
• email