🎓

Google Developers

Free
Education

A Google Developers codelab that teaches web developers how to make their first Progressive Web App work offline, using Node.js, HTML, CSS, and JavaScript. Part of Google's PWA training series, it introduces service workers and caching so pages keep loading without a network connection.

Catalogued August 3, 2026 · Curated by PWA Directory team
Online Only
Installable
Cross-Platform
Free

Not sure how to add Google Developers to your home screen? Step-by-step for Chrome, Safari, Firefox and Edge — it takes about ten seconds, and there is no app store involved.

Own Google Developers? Have us re-run this measurement — we open it in a real browser, cut the network, and send you what survived.

Tags
codelabtutorialpwa-trainingservice-workersofflineweb-developmentjavascriptpwa

How to install Google Developers as a PWA

Chrome / Edge
Menu (⋮) → Add to Home screen
Safari (iOS)
Share (↑) → Add to Home Screen
Firefox
Menu (⋮) → Install

Are you the maker of Google Developers? Claim this listing →

Similar to Google Developers

🎓
Codelabs

A codelab-style tutorial that walks developers through building their first Progressive Web Application. It presents PWA fundamentals as step-by-step lessons, aimed at web developers who are new to the topic and want a guided introduction rather than piecing together scattered documentation.

Serwist

A set of JavaScript libraries described as a Swiss Army knife for service workers, with this site hosting its documentation. Serwist helps web developers add precaching, runtime caching, and offline behavior to their sites, continuing the approach popularized by Google's Workbox.

PWA Cookbook

An educational cookbook that aims to teach everything developers need to know about Progressive Web Apps, from core concepts to practical implementation. Aimed at web developers who want to understand how PWAs work and how to build them, presented as a browsable set of recipes.

PWA Workshop Docs

Documentation for a hands-on workshop that teaches developers how to turn a regular website into a Progressive Web Application. It introduces core PWA concepts step by step, aimed at web developers who want a guided, practical path to adding PWA features.

Progressive Web App Example

A minimal example showing how to turn a PHP website into a progressive web app using a service worker. It is aimed at PHP developers who want a concrete, working reference for adding installability and offline behaviour to an existing site.

Scrimba

Interactive coding screencasts where you can pause and edit the instructor's code. Learn front-end development in a format you can't find anywhere else — truly hands-on learning.

Own a PWA? See the listing options — standard submission is free.

Get the monthly pick
Double opt-in — nothing is sent until you confirm. Unsubscribe any time.