Web Development Course in Noida

Module 1: Introduction to Web & MERN Stack [Duration: 3hrs]
Web Development Overview
Frontend vs Backend vs Fullstack
What is MERN Stack?
Overview of Tools (VS Code, GitHub, Postman, DevTools)
Roles & Roadmap: Frontend Dev, Backend Dev, Fullstack

Module 2: HTML Fundamentals [Duration: 3hrs]
Structure of an HTML Document
Headings, Paragraphs, Lists
Links, Images, Entities
Tables & Iframes
SEO Basics & Accessibility Intro

Module 3: Advanced HTML & Forms [Duration: 4hrs]
Semantic Elements (header, nav, article, etc.)
Forms: Input Types, Validation, File Uploads
HTML5 APIs (Drag & Drop, Geolocation - Intro)
Meta Tags and Custom Data Attributes
ARIA Roles and Web Accessibility Best Practices

Module 4: CSS Basics and Styling Techniques [Duration: 4hrs]
Selectors, Colors, Units
Box Model, Margins, Padding
Display, Float, Position
Styling Tables, Lists, Forms
Transitions and Simple Animations

Module 5: Responsive Design & CSS Layouts [Duration: 5hrs]
Flexbox in Depth
CSS Grid (1D & 2D Layouts)
Media Queries and Breakpoints
Responsive Navbar and Cards
Frameworks: Bootstrap (Intro) / Tailwind CSS (Intro)

Module 6: JavaScript Basics [Duration: 4hrs]
Variables and Data Types
Operators, Conditional Logic
Loops and Functions
Objects and Arrays
Error Handling (try/catch)

Module 7: JavaScript DOM & Events [Duration: 4hrs]
DOM Manipulation
Creating & Appending Elements
Events: click, submit, keyup
Form Validation
LocalStorage and SessionStorage

Module 8: Modern JavaScript (ES6+) [Duration: 4hrs]
Template Literals, Arrow Functions
Destructuring, Spread & Rest
map(), filter(), reduce()
Modules and Import/Export
ES6 Best Practices

Module 9: Async JavaScript [Duration: 4hrs]
Callbacks & Callback Hell
Promises and Chaining
Async/Await
Fetch API and Axios
Real-world API Integration

Module 10: Git & GitHub Essentials [Duration: 3hrs]
Git Init, Add, Commit
Branching, Merging, Rebase (Intro)
GitHub Repo Setup
Pull Requests, Collaborations
.gitignore, ReadMe, License

Module 11: React.js – Basics [Duration: 5hrs]
JSX Syntax
Functional Components
State & Props
Event Handling
Conditional Rendering
List Rendering with Keys

Module 12: React.js – Intermediate [Duration: 5hrs]
useState & useEffect
React Forms (Controlled Inputs)
Component Lifecycle (Hooks)
useRef, useMemo, useCallback
Context API (Global State Sharing)

Module 13: React Routing & State Management [Duration: 4hrs]
React Router v6
Routing Basics and Nested Routes
URL Params, Navigate
Global State with Context
Lifting State Up
Protected Routes

Module 14: Redux Toolkit [Duration: 5hrs]
Redux Concepts
createSlice and configureStore
useSelector and useDispatch
Async Actions with Redux Thunk
Managing Complex State

Module 15: Node.js – Backend with JavaScript [Duration: 5hrs]
Intro to Node.js
File System, Path, Events
Modules and npm Packages
Creating a Web Server
Environment Variables
Project: File Upload or CLI Tool

Module 16: Express.js Framework [Duration: 5hrs]
REST API Basics
Routing, Middleware
JSON Parsing & URL Params
Modular Structure: Routers & Controllers
Error Handling Middleware
Logging with Morgan

Module 17: MongoDB & Mongoose [Duration: 6hrs]
MongoDB Basics + Atlas Setup
Mongoose Schemas and Models
CRUD Operations
Relational Data (populate)
Validation, Indexing
Aggregation Pipelines

Module 18: Full Stack Integration [Duration: 5hrs]
Connecting React with Node.js
Axios Integration
React Form + Backend Logic
Uploading Files (Multer)
Error Handling End-to-End
Env Config (.env setup)

Module 19: Deployment & DevOps [Duration: 4hrs]
Deploy React App (Vercel/Netlify)
Deploy Node API (Render/Railway)

Connect MongoDB Atlas
CI/CD Basics (GitHub Actions - Intro)
Docker Basics (Optional)
Monitoring and Logs

Module 20: Final Capstone Project [Duration: 6hrs]
Choose Domain: E-Commerce, Blog, Social Network
Plan Architecture (Frontend + Backend + DB)
Build Full MERN Stack Project
Dashboard, Search, Filtering
Deploy & Host
Present to Mentor or Peer Group