MDN: Learn Web Development

MDN is where working developers go to check what an API does, and the Learn area is Mozilla's attempt to turn that reference into an actual teaching path. It mostly succeeds, and the reason is that the writing has no incentive to sell you anything — no bootcamp funnel, no framework preference, no certificate to upsell. Just Mozilla, documenting the web.

The area is split into Getting Started, Core, and Extensions. Getting Started handles environment setup, your first website, how web standards work, and a soft-skills module on research, collaboration and finding work. Core is the substantial part.

What the Core modules contain

• Structuring content with HTML — 26 articles, basics through debugging
• CSS styling basics — 29 articles on selectors, the box model, sizing, backgrounds
• CSS text styling — fonts, lists, links, web fonts
• CSS layout — floats, positioning, flexbox, grid, responsive design, media queries
• Dynamic scripting with JavaScript — variables through DOM scripting and JSON
• JavaScript frameworks and libraries, Accessibility, Design for developers, Version control

Extension modules go further: advanced objects and prototypes, client-side web APIs, asynchronous JavaScript, web forms in depth, client-side tooling, server-side with Django and Express, performance and testing. The page we checked was last updated in August 2025.

Reference site, teaching site

The accessibility module is the standout and the reason we'd send anyone here over a video course — WAI-ARIA and multimedia accessibility get proper treatment, and almost nowhere else in free web education does.

The weakness is that MDN's house style is documentation prose, and it does not modulate. Everything is explained at the same even pitch whether it's trivial or genuinely subtle, so nothing signals which parts matter most. There are assessments, but no cohesive project running through the modules, and the sheer article count — 26 here, 29 there — makes it easy to read for hours without a sense of progress. Motivation is entirely on you.

Who it's for — and who should skip it

Best as a structured reference you work through in chunks, and best for people who read faster than they watch. Also the right answer when a course has taught you something and you want to check whether it's actually true.

Skip it as your only path if you need momentum and encouragement — The Odin Project or freeCodeCamp give you projects and a finish line, which MDN deliberately doesn't. Skip the framework module too; it's thin compared to the rest and React's own docs are better.

Our take

The most accurate free web development curriculum, written by people with no product to sell, and the least motivating to work through alone. Use it as the spine and get your projects from somewhere else.