PWA training gets its first major refresh in four years
Progressive Web App development has shifted considerably since the last official training materials from the Chrome team were published. Widespread CSS Grid support, PWAs on desktop platforms, and more than 25 new device-integration APIs from the capabilities project have opened up application segments that were previously out of reach for web-only implementations.
A new six-part training series now covers the fundamentals of building reliable, installable, and capable PWAs across all device types. Each part is delivered as a slide deck, designed for self-study or for reuse in teaching others:
- 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
Alongside the decks are eight new codelabs that walk through converting a web app into a PWA with deeper device integration. The exercises are standalone, so you can pick one up individually or work through them sequentially:
- 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 — in-app install prompts and where to place success tracking
- Empowering your PWA — advanced capabilities including local file system access and file handler registration
- Service Worker Includes — dynamically generating a streaming service worker response
- Working with Workers — offloading work from the main thread with web workers
The slide deck format is the first iteration of the update. Plans call for converting the content into formats that are easier to update and consume over the coming months, which should prevent another multi-year gap between content refreshes.
