Get started with Progressive Web Apps with our new six-part training, complete with new codelabs.
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.