Phase 1 — Foundations

Learn how the web works. Write your first HTML and CSS. Build a simple personal page and understand how browsers render code.

HTML CSS Basics Browser DevTools

Phase 2 — Layout & Design

Master flexbox and CSS grid. Build responsive layouts that look great on any device. Create your first business landing page.

Flexbox CSS Grid Responsive Design

Phase 3 — Interactivity

Add JavaScript to make your pages come alive. Handle forms, toggle menus, and create dynamic content that responds to users.

JavaScript DOM Manipulation Event Handling

Phase 4 — Real Projects

Build complete projects from scratch — booking forms, dashboards, and product pages. Each one goes in your portfolio.

Project Building Component Patterns Best Practices

Phase 5 — Ship & Deploy

Learn Git, push to GitHub, and deploy your projects to the web. Share your work with the world and iterate based on feedback.

Git GitHub Deployment

Phase 6 — Full-Stack Builder

Connect to APIs, work with databases, and build full web applications. You're now a builder who can ship end-to-end products.

APIs Backend Basics Full-Stack Apps

Start Phase 1 today — it's free

Most students complete their first project within the first two weeks.