✅HTML5
Page structure, tags, and semantics
Forms, inputs, tables
Media embedding, SEO tags
✅ CSS3
Box model, layout (Flexbox, Grid)
Media queries for responsiveness
CSS animations & transitions
✅ JavaScript ES6+
Variables (let, const), data types
Functions, arrow functions, callbacks
DOM manipulation, events
Arrays, Objects, Map, Filter, Reduce
Promises & async/await
React.js – Frontend Framework
⌄
✅ React Fundamentals
JSX and Virtual DOM
Components (functional & class-based)
Props & State
Event Handling
✅ Hooks (React 16.8+)
useState, useEffect
useRef, useContext, useReducer
✅ Routing & Forms
React Router DOM (, , useNavigate)
Controlled vs uncontrolled components
Form handling & validation
✅ API Integration
Fetching data using fetch() and axios
Displaying and managing remote datav
✅ Advanced React
Conditional rendering
Lifting state up
Component reuse and composition
Custom Hooks
Node.js – Backend Runtime
⌄
✅ Node.js Basics
Installing Node & npm
Node core modules (fs, http, path)
Creating local server
Working with JSON & environment variables
✅ npm & Package Management
Installing & using packages
package.json, scripts
✅ Async Patterns
Callbacks, Promises, async/await
Express.js – Web Framework
⌄
✅ Express Fundamentals
Creating an Express app
Routing (GET, POST, PUT, DELETE)
Middleware (custom & built-in)
Serving static files
Request & response objects
✅ REST API Development
Building RESTful APIs
Status codes and error handling
Route parameters & query strings
CORS and API security basics
MongoDB & Mongoose – NoSQL Database
⌄
✅ MongoDB Basics
NoSQL vs SQL
Documents, collections
MongoDB Atlas setup
CRUD operations (Insert, Find, Update, Delete)
✅ Mongoose
Defining schemas and models
Data validation
Relationships (referencing, population)
Querying with Mongoose
Full-Stack Integration
⌄
✅ Connecting Frontend to Backend
Fetching backend APIs in React)
Axios integration)
Managing loading, errors, and data state)
✅ Authentication & Authorization
User registration & login)
Hashing passwords with bcrypt)
JWT (JSON Web Tokens))
Protected routes on frontend & backend
Build a complete MERN app, for example:
E-commerce site
Task Manager
Blog platform
Job Portal
Features to include:
Full CRUD (Create, Read, Update, Delete)
Authentication (login/signup)
Role-based access (admin/user)
Form validation
Responsive UI
API consumption from React frontend