How the Web Works (Client–Server, HTTP/HTTPS)
Browsers, DNS, Hosting, Domains
Frontend vs Backend vs Full Stack
Developer Tools & Code Editors (VS Code)
Introduction to Git & GitHub
Web Standards & Best Practices
HTML Document Structure
Semantic HTML
Text, Links, Images, Lists
Tables & Forms
Input Types & Form Validation
Multimedia (Audio, Video, iFrames)
Accessibility (ARIA Basics)
SEO-Friendly HTML
Hands-on Mini Project (Static Website)
CSS Syntax & Selectors
Box Model
Colors, Fonts, Typography
Display, Position, Overflow
Flexbox
CSS Grid
Responsive Design (Media Queries)
Animations & Transitions
CSS Variables
Modern UI Design Practices
Tailwind CSS / Bootstrap (Optional)
Project: Responsive Landing Page
JavaScript Basics & Syntax
Variables, Data Types
Operators & Control Flow
Functions & Scope
Arrays & Objects
Loops & Iterations
Error Handling
DOM Manipulation
Events & Event Handling
Project: Interactive Web App
ES6+ Features
Arrow Functions
Destructuring
Spread & Rest Operators
Promises
Async & Await
Closures & Callbacks
Modules
Local Storage & Session Storage
Project: Dynamic Dashboard
Git Basics
Repository Management
Branching & Merging
Pull Requests
Conflict Resolution
GitHub Collaboration Workflow
Open-Source Contribution Basics
React Fundamentals & JSX
Components & Props
State & Events
Conditional Rendering
Lists & Keys
React Hooks (useState, useEffect, useContext)
Forms & Validation
Routing (React Router)
API Integration (Axios / Fetch)
State Management Basics
Project: Single Page Application (SPA)
Introduction to Node.js
Node Architecture & Event Loop
NPM & Package Management
File System
Environment Variables
Project Structure
REST API Concepts
Express Setup & Routing
Middleware
Request & Response Handling
Error Handling
RESTful APIs
Authentication & Authorization
JWT & Session Management
Role-Based Access Control
Project: REST API for Web App
NoSQL vs SQL
MongoDB Basics
Collections & Documents
CRUD Operations
Mongoose ODM
Schema Design & Relationships
Indexing & Aggregation Framework
Project: Database-Driven Application
Connecting React with Node & MongoDB
Authentication Flow
Protected Routes
API Security
Environment Configuration
Error Handling
Performance Optimization
Project: Full Stack Application
Production vs Development Environment
Hosting Frontend & Backend
MongoDB Atlas
Vercel / Netlify / AWS / Render
Environment Variables
CI/CD Basics
Domain & SSL Setup
Debugging Techniques
Browser DevTools
Unit Testing Basics
API Testing (Postman)
Error Logging
Best Practices
Web Security Basics
CORS
XSS & CSRF Protection
Password Hashing (bcrypt)
API Rate Limiting
Performance Optimization
Lazy Loading & Code Splitting
Portfolio Website
Authentication System
E-Commerce Website
Admin Dashboard
Blog / CMS Platform
Real-Time Chat Application (Optional)
Capstone Project (End-to-End)
Resume & LinkedIn Optimization
GitHub Portfolio Building
Coding Interview Preparation
JavaScript & React Interview Questions
System Design Basics
Mock Interviews
Freelancing & Client Projects
Industry Best Practices