Module 1: Web & Programming Fundamentals

HTML5

• Semantic tags
• Forms, validation
• Media elements
• SEO basics

CSS3

• Selectors, Box model
• Flexbox & Grid
• Responsive design
• Animations & transitions

Bootstrap CSS

• Layouts & components
• Utility-first styling
• Theme customization

JavaScript (ES6+) Foundations

• Variables, loops, functions
• Arrow functions, spread & rest
• DOM & Events
• JSON handling
• Error handling

Module 2: Advanced JavaScript

• Callback, Promises, Async/Await
• Modules & imports
• LocalStorage & SessionStorage
• Fetch API & Axios
• Event loop & Execution context
• Debouncing & Throttling
• OOP in JavaScript (Prototype, Classes)

Module 3: React.js (Frontend Development)

React Basics

• JSX
• Components: Functional & Class
• Props & State
• Conditional rendering
• Lists & keys

React Hooks

• useState
• useEffect
• useRef
• useContext
• Custom hooks

Routing

• React Router
• Nested routes
• Protected routes

State Management

• Redux / Redux Toolkit
• Context API

API Integration

• Fetching data
• CRUD operations
• Error & loading handling

UI Libraries

• Material UI / Ant Design
• Tailwind + DaisyUI

Advanced Topics

• Performance optimization
• Code splitting
• React lazy loading
• Environment variables

Module 4: Node.js (Backend Development)

Node.js Basics

• Node architecture
• Modules (CommonJS & ES Modules)
• File system operations
• Streams & buffers

NPM & Package Management

• Installing packages
• package.json
• Scripts

Express.js Framework

• Routing
• Middleware (custom & built-in)
• Error handling
• REST API creation
• CORS

Authentication

• JWT authentication
• Cookies & Sessions
• Password hashing (bcrypt)
• Role-based access

Security

• XSS prevention
• Rate limiting
• Helmet
• Sanitization
• Node Backend Projects
• REST API for products
• Authentication system
• Payment API integration (Razorpay/Stripe)

Module 5: MongoDB (Database Layer)

MongoDB Essentials

• Databases, collections, documents
• CRUD operations
• Indexing & schema design
• Aggregation pipeline

Mongoose ORM

• Schema & models
• Validation
• Population
• Middleware
• Relationships (1-1, 1-many, many-many)

Module 6: Full Stack Integration (Connecting React with Node)

• Frontend–backend communication
• Axios + REST APIs
• JWT authentication in MERN
• Handling CORS
• Protected routes (frontend + backend)
• File uploads (Multer, Cloudinary)

Module 7: Deployment & DevOps Basics

Deployment

• Frontend deployment: Netlify / Vercel
• Backend deployment: Render / AWS / DigitalOcean
• MongoDB Atlas cloud setup

Tools

• Postman API testing
• Thunder Client
• PM2 for Node production

Module 8: Project Development

• Building a complete Dynamic Website (Blog, Portfolio, E-commerce basics)
• Database design & implementation
• Front-end & back-end integration
• User authentication (Login/Signup system)
• Admin dashboard for content management

Module 9: Final Industry-Level Projects

• Uploading website to live server (cPanel, FTP)
• Introduction to SEO basics
• Career guidance & interview preparation