Progressive Web Apps: Offline, Installable Web Apps

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