12-Week Web Development Learning Plan
A hybrid plan using Bro Code videos + books for both speed and depth.
Phase 1 — Quick Start (Weeks 1–2)
■ Goal: Build your first static webpage & understand HTML/CSS basics.
■ Resources: Bro Code HTML & CSS Crash Courses.
■ Projects: Personal profile page, publish on GitHub Pages.
■ Tip: No book yet — focus on fast wins and visible results.
Phase 2 — First Taste of Interactivity (Weeks 3–4)
■ Goal: Add JavaScript for simple actions.
■ Resources: Bro Code JavaScript Crash Course.
■ Projects: Calculator, To-Do List, Countdown Timer.
■ Tip: Still no book — keep momentum high.
Phase 3 — Add the Book (Weeks 5–7)
■ Goal: Deepen understanding of HTML, CSS, and JavaScript.
■ Book: HTML & CSS: Design and Build Websites by Jon Duckett.
■ Schedule: 30–40 min/day reading while coding.
■ Tip: Use MDN Web Docs for reference.
Phase 4 — JavaScript Mastery (Weeks 8–10)
■ Goal: Understand JavaScript logic beyond copy-paste.
■ Book: Eloquent JavaScript (Chapters 1–6).
■ Projects: Weather App, Quiz Game, or any Bro Code JS projects.
Phase 5 — Real-World Web App (Weeks 11–12)
■ Goal: Build and deploy a polished project.
■ Example Projects: Expense Tracker, Blog Site, Recipe Finder using API.
■ Tip: Focus on clean code and presentation.
