MERN STACK

• Semantic HTML tags, Forms, and Validation.
• CSS Box Model, Flexbox, and Animation.
• Bootstrap: Responsive grid system,
• Bootstrap: Utility Classes, Components, and Forms.

• Selecting elements efficiently (document.querySelector, getElementById).
• Managing element attributes & Classes.
• Dynamic styling and CSS variable manipulation via JavaScript.
• Listening to user interactions (click, input, change, submit).

• Introduction to ECMAScript
• let vs const vs var.
• Template Literals.
• Arrays & Objects 
• for loop, for…in, for…of, forEach()
• Arrow Functions.
• Array Methods ((filter, reduce, map,etc)
• String Methods
• Object Methods
• Destructuring (Arrays & Objects).
• Spread/Rest Operators (…).
• Async Programming
• Error Handling (try/catch).

• Understanding the V8 Engine and Runtime.
• Core Modules (i.e OS, File Sys)
• Asynchronous Programming
• Working with npm packages
• Installing, updating & removing packages
• Using third-party packages

• REST API concepts
• API routes and endpoints
• CRUD APIs
• Request & Response
• Route parameters
• Middleware
• HTTP status codes & Error handling

• Introduction to MongoDB and NoSQL databases
• MongoDB installation and setup
• Databases, Collections & Documents
• CRUD Operations
• MongoDB Compass
• Connecting MongoDB with Node.js
• Introduction to Mongoose
• Creating Schemas & Models
• Mongoose CRUD Operations
• Querying, Filtering & Sorting Data

• User Registration logic, Login logic and Session/Token basics.
• Package: bcrypt – Hashing passwords for security before saving to DB.

Package: multer – Handling multipart/form-data for image/file uploads (e.g., User Profile Pictures).

Package: nodemailer – Sending automated emails (e.g., “Welcome” emails or “Reset Password” links).

• Creating, Importing and Exporting Components
• Writing Markup with JSX
• Passing Props to a Component
• Conditional rendering
• Rendering & Filtering Lists
• Responding to Events
• useState (Managing local state).
• useEffect (Side effects & API calls).
• createContext , useContext

• Client-side routing without page reloads
• Creating routes with React Router
• Extracting URL parameters using useParams
• Programmatic navigation using useNavigate
• Nested routes using <Outlet />

• Consuming REST APIs using the fetch() API
• Setting up Axios instances, configuring base URLs, headers, and request/response interceptors.
• Connecting React components with Node/Express backends and rendering dynamic MongoDB datasets with useEffect
• Handling controlled form inputs, file uploads (Multipart/FormData), and sending POST, PUT, and DELETE requests to backend APIs.

• Setting up the folder structure: client (React) and server (Node).
• Connecting React to Node using the cors configuration.
• Build React UI (Bootstrap integration).
• Connect UI to Backend (Axios/Fetch).
• Trigger Emails (Nodemailer) on specific actions.

• Git & GitHub fundamentals
• Repository management
• .gitignore and environment variables
• Frontend deployment
• Backend deployment
• Production configuration
• Live project deployment