Month 1: Web Design Foundations
Introduction to the Web & Career Paths in Web Development
UI/UX Principles and Design Thinking
Wireframing Tools (Figma, Adobe XD Basics)
Color Theory, Typography, Layout Design
Responsive Design Concepts (Mobile-first Design)
Mini Project: Wireframe and Design for a Portfolio Website

Month 2: HTML, CSS, and Responsive Design
HTML5: Structure, Forms, Tables, Media Embeds
CSS3: Styling, Flexbox, Grid, Transitions, Animations
Responsive Design with Media Queries
Introduction to Bootstrap Framework
Project 1: Fully Responsive Personal Portfolio Website

Month 3: JavaScript Essentials
JavaScript Fundamentals: Variables, Loops, Conditions
DOM Manipulation & Event Handling
Functions, Arrays, Objects
Basic Form Validation
Introduction to jQuery (optional)
Mini Project: Interactive Quiz or Calculator

Month 4: Front-End Development with Advanced JavaScript
ES6+ Features: Let/Const, Arrow Functions, Template Literals
Fetch API & JSON Handling
Intro to Version Control (Git + GitHub)
Introduction to React.js (JSX, Components, Props, State)
Project 2: Build a Single Page Application using React

Month 5: Backend Development & Databases
Introduction to Web Servers & Backend Concepts
Node.js Basics + Express.js Framework
Routing, Middleware, REST APIs
Introduction to MongoDB (or Firebase)
Connecting Frontend with Backend (API Integration)
Project 3: Full-Stack App (e.g., Blog, Task Manager, or Portfolio CMS)

Month 6: Capstone Project & Career Preparation
Capstone Project Planning & Execution
Real-world Web App or Client Project Simulation
Deploying Projects (Netlify, Vercel, or Heroku)
Portfolio Development on GitHub & Personal Website
Resume Writing + LinkedIn Optimization
Mock Interviews + Freelancing & Job Preparation