The Odin Project's Foundations course is where we'd send anyone serious about building for the web. It has you set up a real development environment — a terminal, a code editor, Git — on day one, which most courses postpone until it becomes a wall. Then it alternates short readings with projects you build yourself, without step-by-step hand-holding. It's free, open source, and backed by an active community for when you get stuck. It asks more of you than a video course, and that's exactly why it works.
The Odin Project
Caching, headers, CORS, cookies. Read it once and a whole class of bugs becomes obvious.
Ilya Grigorik on TCP, TLS, HTTP/2, and WebSockets — the layer most web developers never learn.
Ilya Grigorik
Real design files to build from. The fastest way to practise turning a mockup into a page.
Frontend Mentor
University of Helsinki's modern stack: React, Node, MongoDB, TypeScript. Rigorous and free.
University of Helsinki
Accessibility is a legal and moral baseline. This is the filterable version of the actual standard.
W3C Web Accessibility Initiative
Angela Yu covers front end through Node and databases. Good if you like one teacher end to end.
A long guided path from HTML to deployment, all in the browser. Requires a Pro subscription.
Practical CSS layouts explained patiently. A few videos fix most "why won't this center" frustration.
Django, JavaScript, SQL, and testing across seven projects. A proper university course, free.
The official React docs were rewritten around hooks and are now the best way to learn it.
React
Google's modern CSS course: box model, flexbox, grid, and the cascade explained properly.
web.dev (Google)
Small projects built in the browser. You'll finish with a handful of basic but real pages.
Mozilla's structured curriculum for HTML, CSS, and JavaScript. Accurate, accessible, and regularly updated.
No picks match this filter.
Course availability, level, and pricing are set by the provider and can change. Verify on the provider's site before enrolling.
