HTTP (MDN) (opens provider site in a new tab)
Caching, headers, CORS, cookies. Read it once and a whole class of bugs becomes obvious.
Web Development
HTML, CSS, JavaScript, and the back end — from first page to full-stack app.
Follow to see updates in Your Feeds — saved in your browser, no account.
16 picks · 13 free · 14 providers · curated by Rowland Kuru
Editor's intro
Editor's intro
Web development covers a lot of ground: HTML and CSS, JavaScript in the browser, a back end, databases, and deployment. The good news is that the fundamentals have been stable for years, and the best free resources on them are better than most paid ones. This feed is ordered to take you from your first HTML page to shipping a full-stack app.
Don't start with a framework. Learn HTML, CSS, and enough JavaScript to make a page interactive, then build a few things without React or anything else. The intermediate section covers frameworks, APIs, and back ends; the advanced picks are about performance, accessibility, and how the web's plumbing works. Follow JavaScript alongside this feed.
Start here
The Odin Project — Foundations
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.
This week added
High Performance Browser Networking (opens provider site in a new tab)
Ilya Grigorik on TCP, TLS, HTTP/2, and WebSockets — the layer most web developers never learn.
All picks
Partner Some links on this page are affiliate links, marked Partner. Commissions fund the site at no cost to you. Read our affiliate disclosure.
Beginner · 6
HTML, CSS, and enough JavaScript to make a page interactive. Build several small sites without a framework.
Learn CSS (opens provider site in a new tab)
Google's modern CSS course: box model, flexbox, grid, and the cascade explained properly.
Free
MDN Learn Web Development (opens provider site in a new tab)
Mozilla's structured curriculum for HTML, CSS, and JavaScript. Accurate, accessible, and regularly updated.
Free
Responsive Web Design (opens provider site in a new tab)
Small projects built in the browser. You'll finish with a handful of basic but real pages.
Free
Full-Stack Engineer Career Path (opens partner site in a new tab)
A long guided path from HTML to deployment, all in the browser. Requires a Pro subscription.
Paid Partner
Meta Front-End Developer Professional Certificate (opens partner site in a new tab)
Structured, graded, and ends with React. The certificate helps if you're changing careers.
Paid Financial aid available Partner
The Complete Full-Stack Web Development Bootcamp (opens partner site in a new tab)
Angela Yu covers front end through Node and databases. Good if you like one teacher end to end.
Paid 30-day refund Partner
Intermediate · 6
Frameworks, HTTP, APIs, and a real back end. You'll start shipping complete applications.
CS50's Web Programming with Python and JavaScript (opens provider site in a new tab)
Django, JavaScript, SQL, and testing across seven projects. A proper university course, free.
Free Certificate optional
Frontend Mentor (opens provider site in a new tab)
Real design files to build from. The fastest way to practise turning a mockup into a page.
Free Free challenges; Pro optional
Full Stack Open (opens provider site in a new tab)
University of Helsinki's modern stack: React, Node, MongoDB, TypeScript. Rigorous and free.
Free
HTTP (MDN) (opens provider site in a new tab)
Caching, headers, CORS, cookies. Read it once and a whole class of bugs becomes obvious.
Free New
Kevin Powell (opens provider site in a new tab)
Practical CSS layouts explained patiently. A few videos fix most "why won't this center" frustration.
Free
React: Learn (opens provider site in a new tab)
The official React docs were rewritten around hooks and are now the best way to learn it.
Free
Advanced · 3
Performance, accessibility at scale, and the networking layer underneath it all.
High Performance Browser Networking (opens provider site in a new tab)
Ilya Grigorik on TCP, TLS, HTTP/2, and WebSockets — the layer most web developers never learn.
Free Free to read online New
How to Meet WCAG (Quick Reference) (opens provider site in a new tab)
Accessibility is a legal and moral baseline. This is the filterable version of the actual standard.
Free
Learn Performance (opens provider site in a new tab)
Core Web Vitals, loading strategy, and images, from the team that defines the metrics.
Free