web.dev

Tap a star to rate

web.dev is a web development learning and reference site whose content, in its own words, is "written by members of the Chrome team, and external experts." Its Learn section is a set of self-paced, article-based courses for developers. The site states its aim as helping people "build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users." The reader it serves is a developer, or someone becoming one, who wants a structured route through the web platform rather than a pile of tutorials.

What a learner gets

The Learn page introduces "our growing collection of courses on key web design and development subjects" and explains how each was made: "An industry expert has written each course, helped by members of the Chrome team." Learners can "Follow the modules sequentially, or dip into the topics you most want to learn about."

The courses and how the site describes them:

  • Learn HTML: "A solid overview of HTML for developers, from novice to expert level HTML."
  • Learn CSS: "A guide to CSS with modules covering everything from accessibility to z-index."
  • Learn JavaScript: "An in-depth course on the basics of JavaScript."
  • Learn AI: "An artificial intelligence course built for web developers."
  • Learn Performance: "A course for those new to web performance, a vital aspect of the user experience."
  • Learn Privacy: "A course to help you build more privacy-preserving websites."
  • Learn Accessibility: "Discover how to make your websites and web apps more accessible."
  • Learn Images: everything "from selecting the right formats, to responsive images, and performance."
  • Learn Design: "all aspects of responsive design."
  • Learn Forms: a course about HTML forms.
  • Learn PWA: a course that "breaks down every aspect of modern progressive web app development."
  • Learn Testing: "An in-depth course on software testing."

The German version of the homepage singles out the HTML, CSS and JavaScript courses as the starting point for newcomers to the web platform, with the other courses building on them.

Inside a course

Learn JavaScript shows how the courses are put together. It is a sequence of articles, each a short module with a one-line summary and a "Read article" link. It opens with a welcome and "A brief history of JavaScript and an overview of its basic rules," then works through data types one at a time: "primitive" types, numbers, strings, booleans, null and undefined, BigInt and symbols. From there it moves to variables, comparison operators and control flow, then to functions, function expressions, and the new, return and this keywords. The second half covers objects, property accessors, prototypal inheritance and property descriptors, indexed collections such as arrays, keyed collections such as maps and sets, and finally classes: introduction, the extends keyword, class fields and methods, and static initialization blocks. An optional appendix adds "Additional information that might be helpful on your JavaScript journey."

Each module carries a check mark, so a signed-in learner can see which articles are done. At the end is a quiz: "Confirm you've completed the Learn JavaScript course to claim your badge." The badge is the only completion marker on the pages. It is a web.dev badge, not a certificate, a grade or academic credit.

The site has a "Sign in" link, and a feature labeled "Stay organized with collections" lets learners "Save and categorize content based on your preferences." The course pages show no price, checkout or paywall; every course card has a plain "Start course" button.

Beyond the courses

The Learn section sits inside a larger reference site, and much of its value comes from that. The Web Platform area covers HTML, CSS and JavaScript, plus user experience topics: performance, accessibility and identity. Additional resources include "AI and the web," which collects material on building web applications with AI, a Patterns collection for app features such as clipboard and file handling, a Project Fugu showcase of capabilities APIs, and links to PageSpeed Insights, podcasts and shows, and a developer newsletter.

The homepage gives a sense of the depth. It features guides on optimizing Interaction to Next Paint (INP), now a Core Web Vitals metric, a collection of the most effective ways to improve Core Web Vitals, common misunderstandings about Largest Contentful Paint optimization, and best practices for measuring Web Vitals. Identity and payments material covers creating passkeys for passwordless sign-in, an overview of web payments, and best practices for payment and address forms. Accessibility coverage includes testing color contrast with three tools, building an accessible main navigation (including when ARIA attributes do more harm than good), and community interviews.

The Baseline section tracks which features work across the major browsers, with how-to guides and a monthly Baseline digest. Recent posts cover CSS subgrid working in all three major browser engines, new CSS color spaces, source maps and TransformStream support in Safari, Firefox and Chrome. A developer who finishes Learn CSS or Learn Performance can carry on into this material without changing site.

Languages and community

The site's language menu lists English, German, Latin American Spanish, French, Indonesian, Italian, Polish, Brazilian Portuguese, Vietnamese, Turkish, Russian, Hebrew, Arabic, Persian, Hindi, Bengali, Thai, simplified and traditional Chinese, Japanese and Korean. The German homepage notes that Google uses AI technology to translate content into the reader's preferred language and that AI translations can contain mistakes, so non-English readers get machine-translated text and may want to check the English original on tricky points.

There is no instructor, forum or live session. The route for feedback is technical: every page invites readers to "File a bug" or "See open issues," and a thumbs up or down widget asks whether a page was easy to understand or out of date. The site also points to Chrome for Developers, Chromium updates, case studies, a YouTube channel and the @ChromiumDev account on X.

Who it suits and who it does not

web.dev suits developers who learn well from reading: a beginner who wants a careful, structured path through HTML, CSS and JavaScript, or a working developer who needs to get serious about performance, accessibility, images, forms or progressive web apps. Because the courses are written with the Chrome team and sit next to reference material on Core Web Vitals and Baseline, they are especially useful for front-end developers who care about how browsers actually behave. Team leads can point a whole group at the same course and use the modules as a shared syllabus.

It suits less well someone who needs a teacher. There are no videos in the courses on these pages, no mentors, no graded projects and no live help, and the only completion marker is a badge. A career changer who wants a credential for a CV, or a company that needs assignments and reporting, will need another product alongside it. Learners who read in a language other than English should keep in mind that the translations are machine-made.

More in Coding and Tech Skills Courses

See all