List of Listings

Chapter 1. Understanding Progressive Web Apps

Listing 1.1. A basic HTML beb bage

Chapter 2. First steps to building a Progressive Web App

Listing 2.1. The Twitter Lite Service Worker code

Chapter 3. Caching

Listing 3.1. Simple HTML page that registers a Service Worker file

Listing 3.2. Code in service-worker.js

Listing 3.3. Code to add to Service Worker to start listening to the fetch event

Listing 3.4. A basic web page to display Google fonts

Listing 3.5. Adding code to the Service Worker file

Listing 3.6. Service Worker code to precache and Ccche resources during runtime

Listing 3.7. Service Worker code to ignore query string parameters

Listing 3.8. Using Workbox

Chapter 4. Intercepting network requests

Listing 4.1. HTTP eequest using the XMLHTTPRequest object

Listing 4.2. An HTTP Request Using the Fetch API

Listing 4.3. An HTTP POST request using the Fetch API

Listing 4.4. The fetch event inside a Service Worker

Listing 4.5. Creating a custom HTTP response inside a Service Worker

Listing 4.6. Install the current Service Worker without waiting for reload

Listing 4.7. Activate a Service Worker immediately

Listing 4.8. A basic HTML web page including a JPEG image

Listing 4.9. Service Worker Code to Return WebP Images if the Browser Supports It

Listing 4.10. Service Worker code to check for the save-data HTTP header

Chapter 5. Look and feel

Listing 5.1. Web app manifest file

Listing 5.2. Linking to a web app manifest file in an HTML file