• 1HTML document structure and DOCTYPE
• 2Headings, Paragraphs, and Text formatting
• 3Links, Images, and Media embeds
• 4Lists – Ordered, Unordered, Definition
• 5Tables – Structure and accessibility
• 6HTML Forms – Input types, Labels, Buttons, Fieldset
• 7Semantic HTML5 Tags (header, nav, main, section, article, aside, footer)
• 8HTML5 Audio and Video
• 9Meta tags and SEO basics
• 10Accessibility in HTML (ARIA roles, alt text, tabindex)
• 11HTML Entities and Special Characters
• 12Emmet shortcuts in VS Code

Duration: 2 Weeks

• 1CSS syntax, Selectors, and Specificity
• 2Box Model – Margin, Padding, Border, outline
• 3Colors, Backgrounds, and Gradients
• 4Typography and Google Fonts
• 5Units – px, em, rem, %, vh, vw
• 6Flexbox – Full layout guide
• 7CSS Grid – Full layout guide
• 8Responsive Design and Media Queries
• 9Mobile-first design approach
• 10CSS Transitions and Animations (@keyframes)
• 11CSS Variables (Custom Properties)
• 12CSS Pseudo-classes (:hover, :focus, :nth-child) and Pseudo-elements (::before, ::after)
• 13CSS Positioning – static, relative, absolute, fixed, sticky
• 14CSS Filter, Clip-path, Transforms
• 15Cross-browser compatibility
• 16Dark mode with CSS variables

Duration: 3 Weeks

• 1What is Version Control and why it matters
• 2Installing Git and initial setup
• 3Git workflow – Working directory, Staging area, Repository
• 4Core commands – init, add, commit, status, log
• 5Branching and Merging – create, switch, merge, delete branches
• 6Handling Merge Conflicts
• 7Git Stash, Rebase, and Cherry-pick
• 8Remote repositories – GitHub setup
• 9Push, Pull, Fetch, Clone
• 10Pull Requests and Code Reviews
• 11GitHub Issues and Project Boards
• 12GitHub Pages for free deployment
• 13.gitignore – What to ignore and why
• 14SSH key setup for GitHub
• 15Collaborative workflow – Forking and contributing to open source

Duration: 1 Week

• 1Tailwind CSS – Utility-first philosophy
• 2Tailwind installation – CDN, CLI, and Vite setup
• 3Core utility classes – spacing, colors, typography, sizing
• 4Tailwind Flexbox and Grid utilities
• 5Responsive design with Tailwind breakpoints (sm, md, lg, xl, 2xl)
• 6Tailwind Hover, Focus, and State variants
• 7Dark mode in Tailwind
• 8Tailwind Custom Config – tailwind.config.js
• 9Tailwind Components – Cards, Navbars, Modals, Forms
• 10Bootstrap 5 Grid System
• 11Bootstrap Components – Navbar, Cards, Modals, Carousel, Accordion
• 12Bootstrap Utility Classes
• 13Customizing Bootstrap with CSS and SCSS
• 14Tailwind vs Bootstrap – When to use which
• 15Building a complete responsive webpage with Tailwind

Duration: 2 Weeks

• 1Variables – var, let, const and scoping
• 2Data Types – Primitive and Reference types
• 3Type Conversion and Coercion
• 4Operators – Arithmetic, Comparison, Logical, Nullish Coalescing (??)
• 5Optional Chaining (?.)
• 6Control Flow – if/else, switch, ternary
• 7Loops – for, while, do-while, for...of, for...in
• 8Functions – Declaration, Expression, Arrow Functions
• 9Default Parameters and Rest Parameters
• 10Closures and Lexical Scope
• 11Higher-Order Functions – map, filter, reduce, find, every, some
• 12Spread and Rest Operators
• 13Destructuring – Arrays and Objects
• 14Template Literals and Tagged Templates
• 15Symbols and Iterators
• 16DOM Manipulation – Query, Create, Modify, Delete elements
• 17Event Handling – Click, Input, Submit, Keyboard, Mouse events
• 18Event Bubbling, Capturing, and Delegation
• 19Form Validation – Client-side
• 20Arrays – All modern methods
• 21Objects – Methods, Shorthand, Computed properties
• 22JSON – Parse and Stringify
• 23ES6 Classes – Constructor, Inheritance, Static methods
• 24Prototypes and Prototype chain
• 25Modules – import/export (ESM)
• 26Promises – then/catch/finally
• 27async/await – Clean asynchronous code
• 28Error Handling – try/catch/finally, Custom Errors
• 29Fetch API – GET, POST, PUT, DELETE requests
• 30Working with REST APIs and JSON data
• 31LocalStorage, SessionStorage, Cookies
• 32Timers – setTimeout, setInterval, requestAnimationFrame
• 33Regular Expressions (RegEx) basics
• 34WeakMap, WeakSet, Map, Set
• 35Proxy and Reflect (introduction)
• 36Generator Functions (introduction)
• 37Browser APIs – Geolocation, Clipboard, Notifications
• 38Performance basics – Debounce and Throttle

Duration: 5 Weeks

• 1What is React and why use it – Virtual DOM
• 2Setting up React with Vite
• 3JSX – Syntax and expressions
• 4Components – Functional components
• 5Props – Passing and receiving data
• 6State – useState hook
• 7Conditional Rendering – &&, ternary, early return
• 8Lists and Keys – Rendering arrays
• 9Event Handling in React
• 10Forms in React – Controlled components
• 11useEffect – Side effects, Cleanup, Dependencies
• 12useRef – DOM access and mutable values
• 13useContext – Context API and global state
• 14useReducer – Complex state logic
• 15Custom Hooks – Creating reusable logic
• 16useMemo and useCallback – Performance optimization
• 17React.memo – Preventing unnecessary re-renders
• 18Component Composition and Children prop
• 19Lifting State Up
• 20React Router v6 – SPA routing
• 21Routes, Nested Routes, Dynamic Routes (:id)
• 22useNavigate, useParams, useLocation
• 23Protected Routes – Route Guards
• 24Lazy loading and Suspense
• 25Error Boundaries
• 26Fetching data with useEffect + fetch/axios
• 27TanStack Query (React Query) – Server state management
• 28Zustand – Lightweight global state management
• 29React Hook Form – Form handling and validation
• 30Zod – Schema validation
• 31Tailwind CSS with React
• 32Shadcn/ui – Component library
• 33Building reusable UI components
• 34Toast notifications and Modals
• 35File uploads in React
• 36Environment variables in React (.env)
• 37React project structure and best practices
• 38Deploying React app to Vercel/Netlify

Duration: 5 Weeks

• 1What is Node.js – Event loop, Non-blocking I/O
• 2Installing Node.js and npm/yarn/pnpm
• 3Node.js REPL and running .js files
• 4Core modules – fs, path, os, events, http
• 5File System – Read, Write, Append, Delete files
• 6Creating a basic HTTP server
• 7NPM – Installing, managing, and publishing packages
• 8package.json and package-lock.json
• 9Modules – require/module.exports vs ESM import/export
• 10Environment variables – dotenv
• 11Streams and Buffers (introduction)
• 12Child Processes and Worker Threads (introduction)
• 13Event Emitter pattern
• 14Nodemon for development
• 15Error handling in Node.js
• 16Building a CLI tool with Node.js

Duration: 3 Weeks

• 1What is Express and why use it
• 2Setting up an Express server
• 3Routing – GET, POST, PUT, PATCH, DELETE
• 4Route Parameters and Query Strings
• 5Middleware – Built-in, Third-party, Custom
• 6express.json() and express.urlencoded()
• 7Static files serving
• 8Express Router – Modular routing
• 9MVC Architecture – Models, Views, Controllers
• 10Error handling middleware
• 11CORS setup and configuration
• 12Rate limiting and Security headers (Helmet)
• 13File uploads with Multer
• 14Request validation with Joi or Zod
• 15API versioning
• 16Building a complete REST API
• 17Testing API with Postman and Thunder Client

Duration: 2 Weeks

• 1What is NoSQL – MongoDB vs SQL databases
• 2MongoDB Atlas setup – Cloud database
• 3MongoDB Compass – GUI for MongoDB
• 4Collections, Documents, and BSON
• 5MongoDB CRUD – insertOne, find, updateOne, deleteOne
• 6MongoDB Operators – $eq, $gt, $in, $and, $or, $not
• 7MongoDB Aggregation Pipeline – $match, $group, $project, $sort, $lookup
• 8Indexing for performance
• 9Mongoose ODM – Schema and Model
• 10Mongoose – Data Types, Validators, Defaults
• 11Mongoose – Virtual fields, Methods, Statics
• 12Mongoose – Population (Joins / References)
• 13Mongoose – Middleware (pre/post hooks)
• 14Relationships – One-to-One, One-to-Many, Many-to-Many
• 15Pagination and Filtering with Mongoose
• 16Prisma ORM (introduction) – Type-safe database access
• 17Prisma schema, Migrations, and Queries
• 18When to use Mongoose vs Prisma

Duration: 2 Weeks

• 1Authentication vs Authorization
• 2Session-based Authentication
• 3JWT – JSON Web Tokens (Access & Refresh tokens)
• 4Storing tokens – Cookies vs localStorage
• 5Password hashing with bcrypt
• 6Role-based Access Control (RBAC)
• 7OAuth 2.0 – How it works
• 8Social Logins – Google, GitHub, Facebook OAuth
• 9Clerk – Authentication platform setup, UI components, webhooks
• 10Better-Auth – Modern auth library for Node.js/Next.js
• 11Passport.js – Strategy-based auth
• 12Email verification and OTP flows
• 13Forgot password and Reset password flow
• 14Two-Factor Authentication (2FA) overview
• 15API Key authentication
• 16Security best practices – XSS, CSRF, SQL Injection, Rate limiting
• 17HTTPS, SSL, and secure headers

Duration: 2 Weeks

• 1What are WebSockets – HTTP vs WebSocket
• 2Socket.io – Server and Client setup
• 3Emitting and Listening to events
• 4Broadcasting to rooms and namespaces
• 5Real-time notifications system
• 6Building a real-time Chat Application
• 7Online presence indicators
• 8Handling disconnections and reconnections
• 9Scaling Socket.io with Redis Adapter (intro)

Duration: 1 Week

• 1Environment – Development, Staging, Production
• 2Deploying frontend to Vercel and Netlify
• 3Deploying backend to Render, Railway, and Cyclic
• 4MongoDB Atlas – Production database setup
• 5Domain purchase and DNS configuration
• 6SSL certificates and HTTPS setup
• 7Environment variables in production
• 8PM2 – Node.js process manager
• 9Introduction to Docker – Containerization concepts
• 10CI/CD basics with GitHub Actions
• 11Monitoring and Logging – basic setup
• 12Performance optimization and caching basics

Duration: 1 Week

• 1Project planning – Requirements, Wireframes, ERD
• 2Full Stack Blog App – React + Node + MongoDB + Auth
• 3Real-time Chat App – Socket.io + React + Node
• 4E-Commerce App – Products, Cart, Orders, Payments (Razorpay/Stripe intro)
• 5Task Management App – Drag & Drop, Kanban board
• 6Portfolio Website – Deploy on Vercel
• 7Code review, Refactoring, and Clean code practices
• 8Resume and GitHub profile preparation
• 9Interview preparation – Common questions and concepts

Duration: 3 Weeks