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.
Not sure how to add Codelabs 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 Codelabs? Have us re-run this measurement — we open it in a real browser, cut the network, and send you what survived.
How to install Codelabs as a PWA
Are you the maker of Codelabs? Claim this listing →
Similar to Codelabs
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.
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.
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.
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.
A simple browser-based synthesizer aimed at beginners and experienced musicians alike. It lets you play and experiment with synthesized sounds directly in the browser without extra hardware or software. A low-barrier way to explore sound synthesis, practice ideas, or introduce newcomers to electronic music instruments.
An informational demo that explains the progressive web app development model, describing how PWAs combine regular web pages with mobile-application features. Useful as a simple reference or example for developers and students learning what distinguishes PWAs from traditional applications.
Own a PWA? See the listing options — standard submission is free.