Skip to content
About Blog Learn Explore Patterns Case studies
  • Home
  • All articles

New Progressive Web App training now available

Get started with Progressive Web Apps with our new six-part training, complete with new codelabs.

May 20, 2021 — Updated Apr 22, 2022
Sam Richard
Sam Richard
TwitterGitHubGlitchHomepage
The training described below is designed as material to teach to others in a workshop format. For a self-guided course check out Learn PWA. This course is based on the below material, but designed for individuals to work through rather than a course to teach others.

A lot has changed in the world of Progressive Web Apps since we released our last set of PWA training over four years ago: CSS Grid achieved widespread implementation, PWAs came to desktops, and the capabilities project has launched more than 25 new device-integration focused APIs, opening up brand new app segments that can be built entirely on the web. Today, we're excited to share the first iteration of our newly updated PWA training to teach you how to build reliable, installable, and capable Progressive Web Apps for all devices.

The current version of the training is divided into six slide decks, ready for you to learn from or for you to pick up and teach to others. They are:

  • Introduction to Progressive Web Apps
  • Creating a Solid Foundation for your PWA
  • Improve the Reliability of your Web App
  • Make your Web App Installable
  • Adding Advanced Capabilities to your Web App
  • Adopting Advanced Web App Architectures

To go along with this new material, there are eight new codelabs that will guide you through turning a web app into a Progressive Web App with deep device integration, using the concepts taught throughout the slide decks. You can jump into any codelab and work on it individually, or you can go through them one after another; the choice is yours. They are:

  • Going Offline - Basics of writing a service worker to cache and serve content offline
  • Working with Workbox - Using Workbox to write your service worker
  • IndexedDB - Using IndexedDB to store and retrieve data
  • Tab to Taskbar - Making your web app installable and providing app shortcuts
  • Prompting and Measuring Install - Adding in-app install prompts, and where to put success tracking
  • Empowering your PWA - Adding advanced capabilities, including accessing the local file system and registering as a file handler
  • Service Worker Includes - Dynamically generating a streaming service worker response
  • Working with Workers - Using web workers to offload work from the main thread

Over the next few months, we'll be converting the slide deck content into easier-to-consume and update formats. This will make it easier for us to keep the content up-to-date, so no more waiting four years for another push of content. Keep an eye on this space. The future of web apps is exciting, and we're thrilled to teach you how to build it.

Progressive Web Apps
Last updated: Apr 22, 2022 — Improve article
Return to all articles
Share
subscribe

Contribute

  • File a bug
  • View source

Related content

  • developer.chrome.com
  • Chrome updates
  • Case studies
  • Podcasts
  • Shows

Connect

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • All products
  • Terms & Privacy
  • Community Guidelines

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.