Progressive Web Apps: Offline, Installable Web Apps

Build installable, offline-capable web apps with manifests, service workers, caching and push. For front-end developers moving beyond static pages.

Start course →

What you'll learn

  • Explain what makes a web app a PWA and write a web app manifest.
  • Register a service worker and manage its lifecycle and updates.
  • Apply cache-first, network-first and stale-while-revalidate strategies, including with Workbox.
  • Add installation, offline storage, push notifications and background sync.
  • Test, debug and deploy a PWA with correct cache headers.

Syllabus

Module 1: Getting started

  1. What are Progressive Web Apps?

Module 2: Core foundations

  1. Web App Manifest file
  2. Service Worker basics
  3. Service Worker lifecycle

Module 3: Core PWA features

  1. Offline support
  2. Installation experience
  3. App shell model
  4. Caching strategies
  5. Network-first pattern
  6. Cache-first pattern
  7. Stale-while-revalidate
  8. Update strategies
  9. Workbox: Caching Without Boilerplate

Module 4: Data & storage

  1. Push notifications
  2. Background sync
  3. IndexedDB & storage

Module 5: Visual design

  1. Web app icons
  2. Splash screens
  3. App theming

Module 6: Advanced features

  1. Share target API
  2. Contacts Picker API
  3. File System API
  4. Payment API
  5. Push API
  6. Best practices

Module 7: Testing & debugging

  1. Testing PWAs
  2. Debugging PWAs

Module 8: Deployment

  1. Deploying PWAs

Module 9: Performance optimization

  1. Performance optimization

Module 10: Interview prep

  1. PWA interview questions