Credits
Foreword, back cover quote: Reprinted with permission from Simon MacDonald.
Page 1: Figure 1.1, The Community-Driven PWA Logo. By diekus.
Page 2: “apps taking advantage . . . native operating system (OS).” Alex Russell, “Progressive Web Apps: Escaping Tabs Without Losing Our Soul”. Retrieved June 15, 2015.
Page 2: “PWAs are . . . Reliable . . . Fast . . . Engaging.” Google.
Page 15: Figure 2.6, background photo of dogs. Courtesy of Anna W. Wargo
Page 16: “defines a JSON-based manifest file that provides developers with a centralized place to put metadata associated with a web application.” World Wide Web Consortium (W3C).
Page 24: “The scope defines . . . within the scope.” Matt Gaunt, The Web App Manifest.
Page 46: Figure 3.2, Chrome Advanced Settings. Screenshot of Google Chrome © Google 2019.
Page 48: Figure 3.3, PWA News Application Source Folder. Screenshot of Microsoft Corporation © Microsoft 2019.
Page 131: Figure 6.4, Twitter Complaint about Push Permission Prompts. Reprinted with permission from Amber Naslund.
Page 147: Figure 6.13, A Notification with a Body, Icon, and Random Image. Photo from Unsplash.
Page 147: Figure 6.14, Barren mountain blanketed in snow. Nitnot Studio/Shutterstock.
Page 158: Figure 6.18, Displaying Browser Subscriptions Using Postman. Screenshot of Browser Subscriptions © 2019 Postman, Inc.
Page 159: Figure 6.19, Sending a Browser Notification Using Postman. Screenshot of Browser Subscriptions © 2019 Postman, Inc.
Page 181: “Reliable . . . Fast . . . Engaging”. Google.
Page 183: Figure 8.1, Invoking Lighthouse in Chrome. Screenshot of Lighthouse © Google 2019.
Page 184: Figure 8.2, Lighthouse Options. Screenshot of Lighthouse © Google 2019.
Page 185: Figure 8.3, Lighthouse Results for the Basic Tip Calculator App. Screenshot of Lighthouse © Google 2019.
Page 186: Figure 8.4, Lighthouse Results for the PWA Version of the Tip Calculator Application. Screenshot of Lighthouse © Google 2019.
Page 187: Figure 8.5, Lighthouse Report Output Options. Screenshot of Lighthouse © Google 2019.
Page 188: Figure 8.6, Running Lighthouse through Chrome DevTools. Screenshot of Lighthouse © Google 2019.
Page 189: Figure 8.7, Lighthouse Results in Chrome DevTools. Screenshot of Lighthouse © Google 2019.
Page 191: Figure 8.8, PWABuilder Home Page. Screenshot of PWA builder © Microsoft 2019.
Page 192: Figure 8.9, PWABuilder Scan Results. Screenshot of PWA builder © Microsoft 2019.
Page 193: Figure 8.10, PWABuilder Add Features Pane. Screenshot of PWA builder © Microsoft 2019.
Page 194: Figure 8.11, PWABuilder Manifest Editor Page. Screenshot of PWA builder © Microsoft 2019.
Page 195: Figure 8.12, PWABuilder Service Worker Page. Screenshot of PWA builder © Microsoft 2019.
Page 196: Figure 8.13, PWABuilder Packaged Application Options. Screenshot of PWA builder © Microsoft 2019.
Page 197: Figure 8.14, PWABuilder CLI Output and Results. Screenshot of PWA builder © Microsoft 2019.
Page 198: Figure 8.15, Visual Studio Code: PWABuilder Extension. Screenshot of Visual Studio Code © Microsoft 2019.
Page 199: Figure 8.16, Visual Studio Code Command Palette. Screenshot of Visual Studio Code © Microsoft 2019.
Page 200: Figure 8.17, Visual Studio Code: PWABuilder Manifest Generator. Screenshot of Visual Studio Code © Microsoft 2019.
Page 201: Figure 8.18, Visual Studio Code: PWABuilder Generated Manifest File. Screenshot of Visual Studio Code © Microsoft 2019.
Page 202: Figure 8.19, Visual Studio Code: PWABuilder Options. Screenshot of Visual Studio Code © Microsoft 2019.
Page 203: Figure 8.20, PWABuilder Windows Application Options. Screenshot of Microsoft Corporation © Microsoft 2019.
Page 204: Figure 8.21, PWABuilder Generate Windows Store AppX Package. Screenshot of Microsoft Corporation © Microsoft 2019.
Page 205: Figure 8.22, Visual Studio PWA Project. Screenshot of Microsoft Corporation © Microsoft 2019.
Page 207: “adding offline support to web apps.” Google.
Page 209: Figure 9.1, Workbox Wizard Starting Up. Screenshot of Lighthouse © Google 2019.
Page 212: Figure 9.2, Workbox Precaching Tip Calculator Files. Screenshot of Lighthouse © Google 2019.
Page 213: Figure 9.3, Chrome DevTools Error: Missing Service Worker File. Screenshot of Lighthouse © Google 2019.
Page 218: Figure 9.4, Tip Calculator Precached Files. Screenshot of Lighthouse © Google 2019.
Page 221: Figure 9.5, Workbox Cache in Action. Screenshot of Lighthouse © Google 2019.
Page 222. Figure 9.6, Workbox Caching Shown Through Developer Tools Network Panel. Screenshot of Lighthouse © Google 2019.
Page 224: Figure 9.7, The Tip Calculator’s Default Cache. Screenshot of Lighthouse © Google 2019.