Learn web development from scratch

A practical six-step roadmap I recommend to self-taught engineers — free resources only.

Step 1: Set up your dev environment

Install VS Code + Git, make a dev folder, and run `git init` for the first time.

Step 2: Finish freeCodeCamp Responsive Web Design

~300 hours covering HTML, CSS, Flexbox & Grid — with a certificate. The perfect start.

Step 3: Rebuild this landing page

Copy the source, modify it, break it, fix it. That's how you learn. Then deploy to Vercel.

Step 4: Learn JavaScript (ES6+)

JavaScript.info + the freeCodeCamp JS cert. Build small projects — DOM, `fetch`, the works.

Step 5: Pick a framework & build something real

Next.js + Supabase + Vercel = a full-stack app. Build a blog, a tool, a portfolio. Ship it.

Step 6: Share everything on GitHub

Push code, write READMEs, build in public. Make your profile a showcase and get noticed.

Pair the roadmap with the free toolkit directory.