Core markup knowledge to structure web pages and forms.

• Introduction to HTML
• Browsers and HTML
• Editors (Offline & Online)
• Tags, Attributes & Elements
• Doctype, Comments
• Headings, Paragraphs, Formatting
• Lists & Links
• Images & Tables
• Working with Forms (inputs, validation basics)

Client-side scripting to make pages dynamic and interactive.

• Introduction & Syntax
• Internal & External JS usage
• Document & Window objects
• Variables, Operators, Data Types
• Number & String methods
• Objects & Arrays
• Date & Time handling
• Conditional statements & Switch
• Loops & Iteration
• Functions & Event handling

Responsive UI with Bootstrap components and grid system.

• Introduction & Grid System
• Typography & Utilities
• Colors, Images & Tables
• Components: Navbar, Cards, Modals, Carousel
• Forms & Validation classes

Server-side JavaScript — build APIs and backend services.

• Node.js overview: event-driven model and setup
• Express.js basics: routing, middleware, request/response
• Building RESTful APIs: endpoints, verbs (GET/POST/PUT/DELETE)
• Handling JSON requests and responses
• Authentication basics (token-based patterns)
• POSTMAN: API testing, collection, environment variables, automated checks

Styling, layout, responsive design and animations.

• Applying CSS to HTML
• Selectors, properties & specificity
• Colors, Backgrounds, Gradients
• Box model, Margins, Padding, Borders
• Typography & Font handling
• Media Queries and Mobile-first approach
• CSS Animations & Transitions

Modern JS features and React Hooks for stateful functional components.

• ES6 features: let/const, arrow functions, destructuring, spread operator
• Array helpers (.map, .filter, .reduce)
• Promises and async/await (asynchronous flows)
• React Hooks: useState, useEffect, useContext — practical usage and patterns
• Modules & modularization
• Callbacks & Promise-based flows

Build SPAs using React (component-driven, state & props).

• Introduction & JSX templating
• Components, Props & State
• Component lifecycle concepts (class and hook equivalents)
• Rendering lists and conditional rendering
• React Router for SPA navigation
• State management with Context API

NoSQL database concepts and cloud-hosted database (Atlas).

• SQL vs NoSQL concepts
• Local MongoDB basics: create DB, collections
• CRUD operations: insert, find, update, delete
• MongoDB Query API & validation
• MongoDB Atlas: cloud setup, connecting apps securely, clustering basics
• Data migration and backup basics

Essential tooling and deployment workflow for real-world projects.

• Git & GitHub basics: init, clone, commit, branch, merge, pull requests
• Environment variables & .env usage
• Deployment: Vercel for frontend hosting (React) and Render for backend/Node.js services
• Connecting frontend to deployed backend endpoints
• Basic CI considerations (push→deploy workflow)
• Payment Gateway Integration: Razorpay integration, generating payment orders from backend, checkout UI, verifying server-side signatures, handling success & failure callbacks

Build a complete MERN-style web application (e-commerce, marketplace or similar) integrating frontend React app, backend REST API, database on Atlas, authentication, and live deployment.

Learning Takeaways

• Research & requirement gathering
• Detailed documentation & README
• Production-like coding & debugging
• Version control & collaboration using GitHub
• Deployment and monitoring (Vercel + Render)
• Portfolio-ready deliverable