💼 Job Opportunities
Full Stack MERN Developer, React js developer, Node.js Developer, JavaScript Developer
📚 Curriculum (8 Units)
Unit 1: Fundamentals of IT 11 topics
Intro Video — Full Stack Dev with AI
What is full stack development? How AI is changing the way developers work in 2025. Tools like Cursor, Copilot, Claude. Overview of the full course roadmap and career outcomes.
Types of Applications
Web applications, mobile apps, desktop apps, Progressive Web Apps (PWA), SaaS platforms. Architecture differences, use cases, and real-world examples for each type.
SDLC — Software Development Life Cycle
The 6 phases: Requirement Analysis, System Design, Development, Testing, Deployment, Maintenance. Waterfall vs iterative models. Real project walkthrough of each phase.
🔒 Enroll to unlock
Agile Methodology
Agile principles and manifesto. Scrum framework: sprints, daily standups, sprint review, retrospective. Kanban board. User stories and backlog grooming. Hands-on: create a sprint board.
🔒 Enroll to unlock
Types of Roles & Responsibilities
Frontend Developer, Backend Developer, Full Stack Developer, DevOps Engineer, QA Engineer, UI/UX Designer, Product Manager. Required skills, salary expectations in India and globally.
🔒 Enroll to unlock
AI Tools for Developers
ChatGPT for coding, Claude for code review, Cursor IDE (AI-first editor), GitHub Copilot for autocomplete, v0.dev for UI generation, Tabnine. Hands-on demo: generate and debug code using AI.
🔒 Enroll to unlock
Static vs Dynamic Websites
Difference between static and dynamic sites with real examples. When to use each. CMS vs custom development.
🔒 Enroll to unlock
Hosting — Normal & Vercel
Traditional cPanel hosting explained. Vercel for modern frontend deployments. Netlify as alternative. Domain setup, SSL, deployment steps. Deploy your first static page live.
🔒 Enroll to unlock
GitHub — Version Control Basics
What is Git and why it matters. init, clone, add, commit, push, pull. Branching and merging. Creating a GitHub account, making a repo, pushing your first project.
🔒 Enroll to unlock
Chrome DevTools for Developers
Elements panel (inspect HTML/CSS), Console (JS debugging), Network tab (API calls), Sources (breakpoints), Performance tab. Practice: debug a live broken webpage.
🔒 Enroll to unlock
UI/UX Basic Rules
8 core design principles: contrast, alignment, proximity, repetition, whitespace, typography, color theory, visual feedback. Common UI mistakes and how to avoid them. Intro to Figma.
🔒 Enroll to unlock
Unit 2: HTML5 8 topics
Introduction to HTML & Heading Tags
What is HTML, how browsers render it. DOCTYPE declaration, html, head, body structure. Heading tags h1 to h6 and their SEO importance. Your first webpage.
🔒 Enroll to unlock
Fonts, Images & Hyperlinks
Text formatting: b, i, strong, em, small, sub, sup. Google Fonts integration. img tag: src, alt, width, height, loading=lazy. Anchor tags: href, target, mailto, tel, internal page anchors.
🔒 Enroll to unlock
Marquee, Paragraph & Tables
p, br, hr, marquee tags. Table structure: table, thead, tbody, tfoot, tr, th, td. colspan and rowspan for complex layouts. Build a class timetable.
🔒 Enroll to unlock
Multimedia Tags
video tag with src, controls, autoplay, loop, muted, poster. audio tag. iframe for embedding YouTube videos. The source element for multiple formats.
🔒 Enroll to unlock
HTML Forms — Complete Guide
form tag: action, method, enctype. All input types: text, email, password, number, date, file, checkbox, radio, range, color, hidden. textarea, select, option, optgroup. label, fieldset, legend. Required, placeholder, pattern attributes.
🔒 Enroll to unlock
Semantic HTML5
Why semantic HTML matters for SEO and accessibility. header, nav, main, section, article, aside, footer, figure, figcaption, details, summary. Replacing div-soup with proper semantics.
🔒 Enroll to unlock
SEO-Friendly HTML
Title tag optimization. Meta description best practices. Heading hierarchy (only one H1). Image alt text for SEO. Internal linking strategy. Open Graph (og:) tags for social sharing.
🔒 Enroll to unlock
Meta Tags & Performance Optimization
viewport meta tag for mobile. charset, http-equiv, robots meta. Preconnect and prefetch for faster loading. Lazy loading images with loading="lazy". Core Web Vitals introduction.
🔒 Enroll to unlock
Unit 3: CSS3 & Bootstrap 13 topics
CSS Syntax, Selectors & Specificity
CSS rule structure. Type, class, ID, attribute, pseudo-class (:hover, :focus, :nth-child, :not), pseudo-element (::before, ::after) selectors. Specificity calculation: inline > ID > class > type. !important.
🔒 Enroll to unlock
Colors, Fonts & Text Styling
Color formats: named, hex, rgb, rgba, hsl, hsla. CSS variables (--custom-props). Google Fonts. font-family, font-size, font-weight, font-style, line-height, letter-spacing, text-align, text-transform, text-decoration.
🔒 Enroll to unlock
Box Model — Margin, Padding, Border
Content → padding → border → margin layers. box-sizing: border-box explained. margin: auto for centering. Collapsing margins. border styles. outline vs border. Debugging in DevTools.
🔒 Enroll to unlock
Positioning — Relative, Absolute, Fixed, Sticky
Normal document flow. relative, absolute, fixed, sticky values. z-index and stacking context. Build: sticky header, fixed floating button, absolute tooltip.
🔒 Enroll to unlock
Flexbox — 1D Layouts
display: flex. flex-direction, justify-content, align-items, align-content, flex-wrap, gap. flex-grow, flex-shrink, flex-basis. order property. align-self. Build a fully responsive navbar.
🔒 Enroll to unlock
CSS Grid — Advanced Layouts
display: grid. grid-template-columns, grid-template-rows. fr unit. repeat(), auto-fit, auto-fill, minmax(). grid-area, grid-gap. Named grid areas. Build a magazine-style layout.
🔒 Enroll to unlock
Responsive Design & Media Queries
Mobile-first approach. @media queries: min-width, max-width. Standard breakpoints: 480px, 576px, 768px, 992px, 1200px. Responsive images. CSS clamp() for fluid typography.
🔒 Enroll to unlock
Project 1 — HTML & CSS Website
Build a complete multi-page responsive website from scratch using only HTML5 and CSS3. No frameworks allowed. Include navigation, hero, features, and footer sections.
🔒 Enroll to unlock
Projects — 5 Custom Themes
Build 5 different fully responsive website themes: (1) Personal Portfolio, (2) Agency Landing Page, (3) Restaurant Website, (4) Tech Startup Page, (5) E-commerce Product Page. Pure HTML + CSS only.
🔒 Enroll to unlock
Git & GitHub Basics
Git init, status, add, commit, log, diff. Branching: git branch, checkout, merge. Resolving merge conflicts. .gitignore file. GitHub: fork, pull requests, GitHub Pages for free hosting.
🔒 Enroll to unlock
Project Deployment — Netlify & Vercel Basics
Deploy to Netlify via drag-and-drop and via GitHub continuous deployment. Deploy to Vercel via CLI and GitHub. Custom domain configuration. Environment variables. Automatic HTTPS.
🔒 Enroll to unlock
Bootstrap 5 — Complete Guide
Bootstrap grid system (12 columns, 6 breakpoints). Spacing utilities (m-, p-). Display and flex utilities. Components: navbar, cards, modals, forms, buttons, alerts, badges, carousel, accordion, tabs, tooltips.
🔒 Enroll to unlock
Project with No Custom CSS — Bootstrap Only
Build a complete responsive admin dashboard layout using exclusively Bootstrap 5 utilities and components. No single line of custom CSS. Understand the power of utility-first approach.
🔒 Enroll to unlock
Unit 4: JavaScript + ES6 31 topics
JavaScript Introduction
What is JavaScript, how it runs in the browser, and how it differs from HTML/CSS. The browser JS engine. Script tag placement: head vs body vs defer. Console.log and the browser console.
🔒 Enroll to unlock
Variables, Outputs & Popups
var, let, const — differences and when to use each. Hoisting with var. console.log, console.error, console.table. alert(), prompt(), confirm() dialogs. Template output to DOM.
🔒 Enroll to unlock
Data Types & Arrays
Primitive types: string, number, boolean, null, undefined, symbol, BigInt. typeof operator. Array creation, indexing, length. push, pop, shift, unshift, splice, slice, indexOf, includes.
🔒 Enroll to unlock
for-in & for-of Loops
Traditional for loop, while loop, do-while loop. for...in for iterating object keys. for...of for iterating arrays, strings, Maps, Sets. forEach() method. When to use each.
🔒 Enroll to unlock
DOM Manipulation
document.querySelector, querySelectorAll, getElementById, getElementsByClassName. createElement, appendChild, removeChild, replaceChild. innerHTML vs textContent vs innerText. classList: add, remove, toggle, contains.
🔒 Enroll to unlock
Event Handling — Click, Input, Keyboard
addEventListener and removeEventListener. The event object (e.target, e.type, e.key). click, dblclick, input, change, keydown, keyup, keypress, focus, blur, submit, DOMContentLoaded events.
🔒 Enroll to unlock
Event Bubbling & Delegation
Event propagation: capturing vs bubbling phases. stopPropagation() and preventDefault(). Event delegation pattern — attaching one listener to a parent for all dynamic children. Real use cases.
🔒 Enroll to unlock
LocalStorage & SessionStorage
window.localStorage vs sessionStorage — key differences. setItem, getItem, removeItem, clear. Storing objects using JSON.stringify and JSON.parse. Build a persistent to-do list.
🔒 Enroll to unlock
Fetch API Basics
What is an API and how HTTP works. fetch() function. Promises with .then() and .catch(). Parsing JSON with response.json(). GET request to a public API. Displaying data in the DOM.
🔒 Enroll to unlock
Basic Functions & ES6 Arrow Functions
Function declaration vs function expression. Parameters and return values. Default parameter values. Arrow function syntax: one-liner vs block body. this keyword difference in arrow functions.
🔒 Enroll to unlock
Template Literals
Backtick string syntax. Embedded expressions with ${}. Multi-line strings. Tagged template literals intro. Practical use: building dynamic HTML strings.
🔒 Enroll to unlock
Destructuring
Array destructuring: extract values by position, skip elements, use rest. Object destructuring: extract by key name, rename variables, default values. Nested destructuring. Function parameter destructuring.
🔒 Enroll to unlock
Spread & Rest Operators
Spread (...): copy arrays, merge arrays, copy objects, merge objects, spread into function arguments. Rest (...): collect remaining function arguments. Practical patterns and gotchas.
🔒 Enroll to unlock
Modules — Import & Export
ES6 module system. Named exports and imports. Default exports and imports. Renaming with as. Re-exporting. import * as namespace. Module bundling concept (why we need Vite/Webpack).
🔒 Enroll to unlock
Optional Chaining
?. operator — safely access deeply nested object properties. ?.() for calling potentially undefined functions. ?.[] for array index access. Combining with ?? nullish coalescing operator.
🔒 Enroll to unlock
Array Methods — map, filter, reduce
map(): transform every element into a new array. filter(): select elements matching a condition. reduce(): accumulate a single value. Chaining methods. find(), findIndex(), some(), every(), flat(), flatMap().
🔒 Enroll to unlock
Closures & Hoisting
Variable hoisting: var is hoisted and initialized, let/const are hoisted but not initialized (TDZ). Function hoisting. Closure: function remembers its outer scope even after outer function returns. Practical: counter, memoize.
🔒 Enroll to unlock
Prototypes & Inheritance
JavaScript prototype chain explained. Object.create(). Constructor functions and new keyword. __proto__ vs .prototype property. Prototype-based inheritance before classes.
🔒 Enroll to unlock
Classes & OOP in JavaScript
class syntax, constructor method, instance methods, getters/setters. extends keyword for inheritance. super() to call parent constructor. Static methods and properties. Private fields with #.
🔒 Enroll to unlock
Functional Programming Concepts
Pure functions (no side effects, same input = same output). Immutability. Higher-order functions. Function composition. Currying. Partial application. Why functional style leads to more predictable code.
🔒 Enroll to unlock
Callbacks & Promises
The callback pattern and why it exists. Callback hell problem with nested async code. Promise object: pending, fulfilled, rejected states. .then(), .catch(), .finally(). Promise chaining.
🔒 Enroll to unlock
Async/Await
async function keyword makes a function return a Promise. await pauses execution until Promise resolves. try/catch/finally for async error handling. Converting Promise chains to async/await.
🔒 Enroll to unlock
Promise APIs — all, race, allSettled, any
Promise.all() — wait for all, fail fast. Promise.race() — resolve/reject with first. Promise.allSettled() — wait for all regardless. Promise.any() — first success. Real use cases for parallel API calls.
🔒 Enroll to unlock
Error Handling
try/catch/finally block. The Error object: message, name, stack. throw statement with custom messages. Creating custom error classes by extending Error. Async error handling patterns.
🔒 Enroll to unlock
REST APIs
What is REST. HTTP methods: GET, POST, PUT, PATCH, DELETE. HTTP status codes: 200, 201, 400, 401, 403, 404, 500. API endpoints, query params, path params. Testing APIs with browser and Postman.
🔒 Enroll to unlock
Fetch & Axios
fetch() full guide: method, headers, body, JSON.stringify. Axios library: axios.get/post/put/delete, baseURL config, request and response interceptors. Handling errors in both.
🔒 Enroll to unlock
JSON Handling
What is JSON. JSON.parse() — string to object. JSON.stringify() — object to string. Formatting with indent. Handling nested objects and arrays. Common JSON errors and how to fix them.
🔒 Enroll to unlock
Authentication Basics
What is authentication vs authorization. Username/password flow. JWT (JSON Web Token): structure (header.payload.signature), how it works, where to store it. Token-based vs session-based auth.
🔒 Enroll to unlock
CORS — Cross-Origin Resource Sharing
Why CORS exists and the same-origin policy. How the browser blocks cross-origin requests. CORS headers: Access-Control-Allow-Origin. Preflight requests. How to fix CORS errors in development.
🔒 Enroll to unlock
Form Validations
HTML5 built-in validation: required, minlength, maxlength, pattern, type. Custom JS validation on submit. Real-time validation on input event. Regex patterns: email, phone, password strength, Indian PIN code.
🔒 Enroll to unlock
TypeScript Basics
Why TypeScript. Type annotations: string, number, boolean, any, unknown, void. Arrays and object types. Interfaces. Type aliases. Union types. Type inference. Compiling TS to JS. Intro to tsconfig.
🔒 Enroll to unlock
Unit 5: Modern React with Vite 40 topics
React Intro — VDOM, Babel & Node
What is React and why it exists. Virtual DOM and the diffing/reconciliation algorithm. How Babel transpiles JSX to JavaScript. Role of Node.js in frontend tooling. Setting up a React project with Vite.
🔒 Enroll to unlock
JSX Syntax
JSX is not HTML — key differences. Embedding JavaScript expressions with {}. JSX must have one root element (Fragment ). Self-closing tags. className instead of class. htmlFor instead of for. JSX compilation.
🔒 Enroll to unlock
Components (Functional), Props & Composition
Functional component syntax. Exporting and importing components. Passing props from parent to child. Destructuring props. children prop. Component composition and reusability patterns.
🔒 Enroll to unlock
useState — Number, Form, Object
useState hook for primitive values. useState with form inputs (controlled components). useState with objects — spread to update without mutation. useState with arrays.
🔒 Enroll to unlock
Event Handling & Controlled Forms
Synthetic event system in React. onClick, onChange, onSubmit handlers. Controlled inputs: value + onChange linked to state. Multi-field form with one state object. Form reset.
🔒 Enroll to unlock
Conditional Rendering
Rendering based on conditions using &&, ternary ? :, if/else outside return. Rendering null to show nothing. Loading state and error state patterns.
🔒 Enroll to unlock
Lists & Keys
Rendering arrays with .map(). The key prop — why React needs it, what makes a good key, why index as key is bad. Rendering lists of components. Filtering and sorting lists.
🔒 Enroll to unlock
useEffect & useContext
useEffect: side effects after render. Dependency array: no array, empty [], with values. Cleanup function to prevent memory leaks. useContext: consuming a context without Consumer wrapper.
🔒 Enroll to unlock
Custom Hooks
Why and when to extract logic into custom hooks. Building useFetch, useLocalStorage, useDebounce, useToggle custom hooks. Rules of hooks.
🔒 Enroll to unlock
Context API — Global State
createContext, Context.Provider, useContext. Avoiding prop drilling for global data. Theme context and auth context examples. Context performance — when it re-renders.
🔒 Enroll to unlock
React Router v6 — Navigation
BrowserRouter, Routes, Route components. Link and NavLink. useNavigate for programmatic navigation. useParams for URL parameters. useLocation. Nested routes. 404 not found route. Protected/private routes.
🔒 Enroll to unlock
Code Splitting & Lazy Loading
React.lazy() for dynamic component imports. Suspense with fallback UI. Route-based code splitting. Why it improves initial load time. Analyzing bundle size.
🔒 Enroll to unlock
Error Boundaries
What happens when a component throws during render. class-based Error Boundary component using componentDidCatch and getDerivedStateFromError. Fallback UI. Where to place error boundaries.
🔒 Enroll to unlock
React 19 Latest Features & Server Components
Overview of React 19 changes. Server Components vs Client Components. The use() hook. Automatic batching improvements. ref as prop. New React DOM APIs.
🔒 Enroll to unlock
Suspense Improvements
Suspense in React 18/19 for data fetching (not just lazy loading). Suspense boundaries. Streaming with Suspense. How it integrates with TanStack Query and Next.js.
🔒 Enroll to unlock
Streaming UI
What is streaming HTML. How React streams server-rendered content progressively to the browser. Improving Time to First Byte (TTFB). Practical with Next.js App Router.
🔒 Enroll to unlock
Server Actions
React 19 Server Actions: calling server-side functions directly from components. Form actions. Optimistic updates with useOptimistic. Progressive enhancement.
🔒 Enroll to unlock
Context API — Advanced Patterns
Multiple contexts. Context with useReducer for complex state. Splitting contexts for performance. Context selector pattern. When NOT to use Context.
🔒 Enroll to unlock
useReducer
useReducer hook for complex state logic. reducer function and action objects. dispatch. Comparing useState vs useReducer. Building a shopping cart with useReducer.
🔒 Enroll to unlock
Redux Toolkit
Why Redux Toolkit over plain Redux. configureStore. createSlice: reducers and actions together. useSelector to read state. useDispatch to update. Redux DevTools extension. Immer for immutable updates.
🔒 Enroll to unlock
Zustand — Lightweight State Management
Why Zustand as a simpler Redux alternative. create() store. Reading and updating state in components. Middleware: persist for localStorage sync. Devtools. When to choose Zustand vs Redux.
🔒 Enroll to unlock
Fetch & Axios in React
Using fetch inside useEffect. Axios in React: instance with baseURL and headers. Request/response interceptors. Attaching JWT token to every request. Canceling requests with AbortController.
🔒 Enroll to unlock
TanStack Query (React Query) 🔥
Why TanStack Query for server state. QueryClient and QueryClientProvider. useQuery: queryKey, queryFn, loading/error/data. useMutation for POST/PUT/DELETE. Cache invalidation. Automatic refetching.
🔒 Enroll to unlock
GraphQL with Apollo Client
What is GraphQL vs REST. Queries and mutations syntax. Apollo Client setup in React. useQuery and useMutation hooks. Apollo cache. When to use GraphQL.
🔒 Enroll to unlock
Tailwind CSS with React 🔥
Utility-first philosophy. Installing Tailwind in Vite + React. Responsive prefixes (sm:, md:, lg:). Hover and focus states. Dark mode. Tailwind config: custom colors, fonts. Building a complete UI component.
🔒 Enroll to unlock
CSS Modules
What are CSS Modules and why they solve the global class name problem. Importing styles as an object. Composes keyword. Using with React. Comparison with regular CSS.
🔒 Enroll to unlock
Styled Components
CSS-in-JS with styled-components. Creating styled elements. Props-based dynamic styles. ThemeProvider for global theming. Global styles. When to choose styled-components.
🔒 Enroll to unlock
Next.js — App Router & Server Components
Next.js 14/15 App Router folder structure. Server Components (default) vs Client Components (use client). Layouts and pages. Loading.js and error.js conventions.
🔒 Enroll to unlock
Next.js — SEO Optimization & API Routes
Metadata API for dynamic SEO meta tags. generateMetadata function. Open Graph images. API routes with route.ts/js. Server-side data fetching. Static vs dynamic rendering.
🔒 Enroll to unlock
Memoization — React.memo, useMemo, useCallback
Why unnecessary re-renders hurt performance. React.memo for component memoization. useMemo for expensive calculations. useCallback for stable function references. Profiler tool to measure.
🔒 Enroll to unlock
Lazy Loading in React
Image lazy loading. Component lazy loading with React.lazy. Intersection Observer API for custom lazy loading. react-lazyload library. Impact on Core Web Vitals.
🔒 Enroll to unlock
Code Splitting Strategies
Route-based splitting (most important). Component-based splitting. Library splitting. Webpack/Vite bundle analysis. Dynamic import() syntax. Prefetching and preloading chunks.
🔒 Enroll to unlock
Firebase Integration
Firebase project setup. Firestore: add, get, update, delete documents, real-time listeners. Firebase Auth: email/password, Google sign-in. Firebase Storage for file uploads.
🔒 Enroll to unlock
Firebase — Small Project
Build a complete small app using Firebase: real-time chat or task manager. Auth + Firestore + Storage combined. Deploy to Firebase Hosting.
🔒 Enroll to unlock
Prettier & Code Formatting
What is Prettier and why consistent formatting matters. Installing Prettier. .prettierrc config file. Integrating with VS Code (format on save). ESLint + Prettier together. Pre-commit hooks with Husky.
🔒 Enroll to unlock
CI/CD Basics
What is Continuous Integration and Continuous Deployment. GitHub Actions workflow YAML. Automated testing on push. Build and deploy pipeline. Secrets management in GitHub Actions.
🔒 Enroll to unlock
Deployment in Vercel
Vercel for React and Next.js. Connecting GitHub repo for automatic deployments. Preview deployments on pull requests. Environment variables in Vercel. Custom domains.
🔒 Enroll to unlock
Deployment in Netlify
Netlify for React apps. Connecting GitHub for auto-deploy. Build command and publish directory config. Netlify redirects for React Router (_redirects file). Netlify forms and functions intro.
🔒 Enroll to unlock
Docker for React Apps (Advanced)
What is Docker and why it matters. Writing a Dockerfile for a React/Node app. Building and running Docker images. docker-compose for multi-container setup (frontend + backend + db).
🔒 Enroll to unlock
Redis Cache Database
What is Redis and why caching matters for performance. Redis data structures: strings, lists, hashes, sets. Using Redis with Node.js (ioredis). Caching API responses. Session storage with Redis.
🔒 Enroll to unlock
Unit 6: Node.js & Express — Backend Development 22 topics
Node.js Introduction & Architecture
V8 engine, single-threaded non-blocking I/O, event-driven architecture. Node vs multi-threaded servers. Use cases. process object.
🔒 Enroll to unlock
Node.js Event Loop In Depth
6 phases: timers, pending callbacks, idle/prepare, poll, check (setImmediate), close callbacks. Microtasks (Promises). Call stack vs queue.
🔒 Enroll to unlock
Node.js Core Modules
fs (readFile/writeFile/watch), path (join/resolve/dirname), os (platform/cpus/freemem), crypto (randomBytes/createHash), http.
🔒 Enroll to unlock
npm & Package Management
package.json anatomy, scripts, dependencies. Semantic versioning (^,~). npx. package-lock.json. npm audit.
🔒 Enroll to unlock
ES Modules vs CommonJS in Node.js
require()/module.exports vs import/export. "type":"module". .mjs/.cjs extensions. __dirname equivalent in ESM.
🔒 Enroll to unlock
Express.js Fundamentals
app.get/post/put/patch/delete. req (params, query, body, headers, cookies, ip) and res (json, status, send, redirect) objects.
🔒 Enroll to unlock
Express Middleware Chain
function(req,res,next) concept. Application-level, router-level, error-handling (4 params). express.json(), express.urlencoded(), express.static().
🔒 Enroll to unlock
Third-Party Middleware — cors, helmet, morgan
cors with origin whitelist and credentials. helmet for 11 security headers. morgan HTTP logger. compression gzip. cookie-parser.
🔒 Enroll to unlock
Express Router & MVC Structure
express.Router() for modular routes. Full MVC structure: routes/, controllers/, services/, models/, middlewares/, utils/.
🔒 Enroll to unlock
REST API Design Principles
REST constraints. Resource naming (nouns, plural). Versioning /api/v1/. HTTP method semantics. Status codes: 200,201,204,400,401,403,404,409,422,500.
🔒 Enroll to unlock
Input Validation — express-validator
body(), param(), query() chains. notEmpty, isEmail, isLength, isNumeric, custom(). validationResult(req). Validation middleware.
🔒 Enroll to unlock
JWT Authentication & bcrypt
jsonwebtoken: sign(payload,secret,{expiresIn}), verify(), decode(). bcrypt: hash(password,10), compare(). Bearer token middleware.
🔒 Enroll to unlock
Access + Refresh Token Pattern
Short-lived access (15m) + long-lived refresh (7d). Store refresh in MongoDB. /api/auth/refresh endpoint. Rotating refresh tokens.
🔒 Enroll to unlock
Environment Variables & Config
dotenv, .env.example, process.env. Never commit .env. NODE_ENV. Validate required env vars on startup with joi/envalid.
🔒 Enroll to unlock
File Uploads with Multer
diskStorage vs memoryStorage. fileFilter for mimetype. limits: fileSize, files. Multer error handling in global handler.
🔒 Enroll to unlock
Email & OTP with Nodemailer
createTransport (Gmail SMTP). MimeMessage HTML. Handlebars/EJS templates. 6-digit OTP generation. Store in MongoDB with expiry.
🔒 Enroll to unlock
Error Handling Strategy
Custom AppError class. asyncHandler wrapper. Global error middleware. Operational vs programming errors. unhandledRejection handler.
🔒 Enroll to unlock
Security Best Practices
express-rate-limit. express-mongo-sanitize (NoSQL injection). xss-clean. HPP parameter pollution. Security headers checklist.
🔒 Enroll to unlock
Logging — Winston & Morgan
Morgan HTTP logger middleware. Winston: transports (Console + DailyRotateFile), log levels, JSON format for log aggregation.
🔒 Enroll to unlock
API Documentation — Swagger with Express
swagger-jsdoc + swagger-ui-express. JSDoc to OpenAPI spec. Document all endpoints, auth header. Environment-based toggle.
🔒 Enroll to unlock
Vibe Coding with Claude AI & Cursor
Build Express controllers and middleware with Claude AI (claude.ai). Claude Projects for codebase context. Also Cursor for inline generation.
🔒 Enroll to unlock
Practice Project — Auth REST API
Auth with MongoDB: register (bcrypt), login (JWT+refresh), /profile protected, logout, email OTP verification, avatar upload. Postman.
🔒 Enroll to unlock
Unit 7: MongoDB & Mongoose 20 topics
MongoDB Introduction & Document Model
Document vs relational model. BSON format. Collections vs tables. Flexible schema. Atlas free tier. Compass GUI. mongosh basics.
🔒 Enroll to unlock
MongoDB CRUD — insertOne, insertMany, find
insertOne/insertMany. find({filter},{projection}). findOne. countDocuments. sort(), limit(), skip() cursor methods.
🔒 Enroll to unlock
MongoDB Query Operators — Comparison & Logical
$eq,$ne,$gt,$gte,$lt,$lte,$in,$nin. $and,$or,$not,$nor. $exists,$type. Dot notation for nested fields.
🔒 Enroll to unlock
MongoDB Update Operations
updateOne/updateMany, findOneAndUpdate({returnDocument:"after"}). $set,$unset,$push,$pull,$addToSet,$inc,$rename. Upsert option.
🔒 Enroll to unlock
MongoDB Delete & Advanced Queries
deleteOne/deleteMany/findOneAndDelete. $regex, $text with text index. $expr for field comparison. $elemMatch, $size, $all.
🔒 Enroll to unlock
MongoDB Aggregation Pipeline — Stage 1
Pipeline concept. $match (filter), $project (reshape), $addFields, $group ($sum,$avg,$first,$last,$push,$addToSet).
🔒 Enroll to unlock
MongoDB Aggregation Pipeline — Stage 2
$sort, $limit, $skip, $count, $unwind (flatten arrays), $lookup (LEFT OUTER JOIN), $replaceRoot, $facet for multi-faceted results.
🔒 Enroll to unlock
MongoDB Indexes
Single field, compound, multikey (array), text index. Partial index. TTL index (auto-expiry). explain("executionStats").
🔒 Enroll to unlock
Mongoose — Schema & Model Definition
Schema types: String, Number, Date, Boolean, ObjectId, Array, Map, Mixed. required, default, validate, unique, enum, index. timestamps.
🔒 Enroll to unlock
Mongoose — CRUD Operations
Model.create, find, findById, findOne. findByIdAndUpdate({new:true, runValidators:true}). deleteOne, findByIdAndDelete. lean().
🔒 Enroll to unlock
Mongoose — Relationships & populate()
Embed vs reference strategy. ref with ObjectId. .populate("field"). Deep populate. Selective fields with select. Virtual populate.
🔒 Enroll to unlock
Mongoose — Middleware (Hooks)
pre-save for bcrypt/slug. post-save for email/cache. pre-find for auto-filtering. pre-delete for cascade cleanup.
🔒 Enroll to unlock
Mongoose — Virtuals & Custom Methods
schema.virtual() for computed fields. toJSON:{virtuals:true}. schema.methods for instance methods. schema.statics for class methods.
🔒 Enroll to unlock
Mongoose Validation & Error Handling
Built-in validators, custom validator function, async validators. ValidationError structure. Duplicate key (code 11000) handling.
🔒 Enroll to unlock
Mongoose Transactions
startSession(), startTransaction(), commitTransaction(), abortTransaction(). Pass {session} to operations. Replica set requirement.
🔒 Enroll to unlock
MongoDB Schema Design Patterns
Embed when: together, small, 1:few. Reference when: reused, large, 1:many. Subset, computed, bucket, extended reference patterns.
🔒 Enroll to unlock
MongoDB Atlas Features
Atlas Search ($search with Lucene full-text, autocomplete, fuzzy). Atlas Vector Search ($vectorSearch for AI embeddings). Atlas Triggers.
🔒 Enroll to unlock
MongoDB Change Streams
collection.watch() for real-time changes. Pipeline filters. resumeAfter token for reconnection. Socket.io integration.
🔒 Enroll to unlock
MongoDB Performance Optimization
Covered queries. Index intersection. $hint. Read preference. Projection to reduce document size. Connection pool sizing.
🔒 Enroll to unlock
Practice Project — E-commerce Data Layer
User, Product, Order, Review, Category schemas. 8 aggregation pipelines, Atlas Search for product search, change stream demo.
🔒 Enroll to unlock
Unit 8: Full Stack MERN + AI — Capstone 20 topics
Connecting React Frontend to Express
CORS with origin whitelist and credentials:true. Axios instance with withCredentials. JWT in httpOnly Secure cookie.
🔒 Enroll to unlock
Axios Response Interceptor — Auto Refresh
Intercept 401. Call refresh endpoint. Retry original request with new token. Request queue during refresh. Logout on failure.
🔒 Enroll to unlock
Socket.io — Setup & Connection
socket.io server on Express. socket.io-client in React. connect/disconnect events. Auth middleware for JWT on connection.
🔒 Enroll to unlock
Socket.io — Rooms, Broadcasting & Events
socket.join(room), socket.to(room).emit(), io.emit() for all. socket.broadcast.emit(). Custom event names. Acknowledgements.
🔒 Enroll to unlock
Socket.io — Real-Time Features
Live 1:1 chat, group chat rooms, real-time notifications, online users list, typing indicator, read receipts.
🔒 Enroll to unlock
OpenAI API in Node.js — Chat Completions
openai npm v4. chat.completions.create(). Passing conversation history. Response parsing. Rate limit and timeout handling.
🔒 Enroll to unlock
OpenAI API — Streaming Responses
stream:true option. for await...of async generator. Express SSE endpoint (text/event-stream). React EventSource client.
🔒 Enroll to unlock
LangChain.js — Chains & Memory
ChatOpenAI, ConversationChain, ConversationBufferMemory. Saving memory to MongoDB per session. Streaming to React SSE.
🔒 Enroll to unlock
RAG — Retrieval Augmented Generation
Document loaders (PDF, web). RecursiveCharacterTextSplitter. OpenAI embeddings. MongoDB Atlas Vector Search. RetrievalQAChain.
🔒 Enroll to unlock
Vibe Coding with Claude AI & Cursor
Build MERN features with Claude AI (claude.ai). Claude Projects for codebase context. Also Cursor IDE for inline code generation.
🔒 Enroll to unlock
Razorpay Payment Integration
razorpay.orders.create. Frontend checkout. Webhook for payment.captured. HMAC-SHA256 signature verification. Update status.
🔒 Enroll to unlock
Redis with Node.js — Caching & Sessions
ioredis client. GET/SET/DEL/EXPIRE/TTL. Cache MongoDB aggregations. Session storage. Sliding window rate limiter.
🔒 Enroll to unlock
Testing — Jest & Supertest
Jest config. describe/it/expect. Supertest for HTTP endpoints. MongoMemoryServer for isolated tests. jest.mock. Coverage.
🔒 Enroll to unlock
Docker for MERN Stack
Dockerfile for Node.js (multi-stage). Dockerfile for React (build + nginx). docker-compose: frontend + backend + MongoDB + Redis.
🔒 Enroll to unlock
CI/CD — GitHub Actions for MERN
Backend: Jest + ESLint → Docker build/push → Render deploy. Frontend: build → Vercel deploy. Secrets. Status badges.
🔒 Enroll to unlock
GraphQL with Apollo Server
Schema SDL: type defs, Query, Mutation. Resolvers. Apollo Server 4 + Express. DataLoader for N+1. useQuery/useMutation in React.
🔒 Enroll to unlock
Production Security Checklist
HTTPS enforced. helmet headers. CORS locked to domain. Rate limit on auth. JWT expiry. File type validation. Error sanitization.
🔒 Enroll to unlock
Performance Optimization
PM2 cluster mode (all CPU cores). Compression middleware. Redis caching. MongoDB index audit. React code splitting review.
🔒 Enroll to unlock
Monitoring & Error Tracking
Sentry for Node.js: captureException, request handler. PM2 dashboard. /health endpoint checking MongoDB+Redis. UptimeRobot.
🔒 Enroll to unlock
Capstone — Full Stack MERN + AI
BytecodEd Job Board: JWT auth, MongoDB listings, Atlas Search, Socket.io notifications, OpenAI job description AI, Razorpay, Docker + CI/CD.
🔒 Enroll to unlock
⭐ Student Reviews
No reviews yet. Be the first!
₹25,000
Enroll — ₹25,000
✨ 1-year access · Free updates included
30-day money back guarantee
Duration
120 Days
Format
Both Classes
Trainer
Lokesh Jammugani
Students
0 enrolled
Language
Telugu / English
Certificate
On completion
Placement
93% rate