1. Month 1: HTML5, Modern CSS & Responsive UI

• Semantic HTML Structure: Master semantic tags: <header>, <nav>, <main>, <article>, <section>, and <footer>.
• Modern Layouts: CSS Flexbox (align-items, justify-content, flex-wrap) and CSS Grid (grid-template-columns, gap, auto-fit).
• Responsive Web Design: Mobile-first approach using CSS media queries and modern viewport units.
• Milestone Project: Build 2 responsive landing pages from scratch with zero framework dependencies.

---

2. Month 2: Deep JavaScript (ES6+, Async/Await, DOM)

• Core Engine: Primitive vs Reference data types, Execution Context, Call Stack, and Scopes (Block, Function, Lexical).
• ES6+ Modern Syntax: Destructuring, Rest/Spread operators, Arrow functions, and Array utilities (.map(), .filter(), .reduce(), .some()).
• Asynchronous JavaScript: The JavaScript Event Loop, Callback Queue, Promises, and async/await error handling with try/catch.
• Milestone Project: Build an interactive dynamic Quiz App consuming a public REST API.

---

3. Month 3: React.js, Hooks & State Management

• Declarative UI: JSX syntax, Component architecture, Props drilling, and unidirectional data flow.
• Core React Hooks: useState for local state, useEffect for side effects and data fetching, useMemo and useCallback for performance optimization, and useRef for DOM references.
• Global State: State management using React Context API and custom reusable hooks.
• Milestone Project: Build an interactive Movie Search & Bookmark application with local storage persistence.

---

4. Month 4: Node.js, Express & PostgreSQL / Supabase

• Backend Architecture: REST API conventions (GET, POST, PUT, DELETE, PATCH), Express routing, and middleware pipelines.
• Database Engineering: Relational schema design, Primary & Foreign Keys, 1-to-N relationships, and SQL queries in PostgreSQL.
• Authentication & Security: Password hashing using bcrypt, User session authentication with JWT (JSON Web Tokens), and CORS protection.
• Milestone Project: Build a secure User Authentication and Task Management REST API with PostgreSQL database storage.

---

5. Month 5: Next.js, Tailwind CSS & REST APIs

• Full-Stack Frameworks: Next.js App Router, React Server Components (RSC) vs Client Components ('use client').
• Data Fetching: Server-Side Rendering (SSR), Static Site Generation (SSG), and Server Actions.
• Styling: Rapid modern UI development with utility-first Tailwind CSS.
• SEO & Performance: Meta tags, OpenGraph images, and Google Structured Data JSON-LD schemas.

---

6. Month 6: Capstone Projects, CI/CD & Deployment

• Capstone Build: Develop a full-scale Job Board / SaaS platform with real database connections, search filters, and resume scanning.
• DevOps & Cloud Deployment: Automated deployment on Vercel, Supabase Cloud Database, and GitHub Actions CI/CD workflows.
• Proof of Work: Create concise video demonstrations and publish well-documented README.md repositories on GitHub.