You’ve likely heard the term “Progressive Web Apps” (PWAs). Sure, it's a buzz word that's a bit overloaded, but it has some great motivations behind it. PWAs represent the dream of web apps getting all the same capabilities, and performance, of native apps. At the core of making this happen is the new Service Workers API. Service Workers give web apps new capabilities to be able to go beyond the browser tab and enable features like smart offline caching and PWA features like push notifications!
Overview
Syllabus
- Introduction
- The Case for Service Workers
- Introduction to Web Workers
- Creating a Worker
- Communicating with a Worker
- Data Transfer Solutions
- Receiving Data from a Worker
- Web Workers Q&A
- Service Worker Use Cases
- Use Case Brainstorming
- Push Notifications
- serviceworke.rs
- Following Along
- Service Worker Project
- Detecting Offline Status
- Register & Install a Service Worker
- Service Worker Access
- Creating a Service Worker
- Keeping the Service Worker Alive
- Inspecting Service Worker Lifecycle
- Message Handling in the Client
- Message Handling in the Service Worker
- Specifying Cached URLs
- Caching Q&A
- Adding to Service Worker Cache
- Service Worker Cache Demo
- Clearing Service Worker Cache
- Routing Cache Fallback Offline
- Caching Strategies
- Implementing a Caching Strategy
- Offline Routing Demo
- Offline Routing Q&A
- Logged Out Routing Walkthrough
- Authentication Aware Routing
- Login & Logout Routing
- Authentication Aware Routing Demo
- Proactive Background Caching
- Storing Form Data in IndexDB
- Wrapping Up
Taught by
Kyle Simpson
