🟢 Phase 1: Foundations (2-3 Weeks)

1. How the web works (Client-Server Model, HTTP/HTTPS)
2. Domain names, hosting, and DNS
3. HTML5 elements & semantics
4. Forms, tables, multimedia, accessibility
5. CSS3: Box model, flexbox, grid, animations
6. Responsive design (Media Queries, Bootstrap/Tailwind CSS)
7. Git Basics: Cloning, branching, merging
8. GitHub workflow: PRs, Issues, Collaboration

🟡 Phase 2: Frontend Development (4-6 Weeks)

1. Data types, loops, functions, DOM Manipulation
2. Events, Local Storage, Fetch API, ES6+ features
3. Promises, async/await
4. Error handling and debugging
5. Components, props, state management
6. React Hooks (useState, useEffect)
7. React Router (Navigation)
8. API Integration with React