Posts in category: "pwa"

What self.skipWaiting() does to the service worker lifecycle

The ServiceWorker.skipWaiting() method is a life saver. It ensures that any new versions of a service worker will take over the page and become activated immediately. To understand why this is so important and useful, we need to revisit the service worker lifecycle. I have a more detailed article...

A Siri Shortcut to Generate PWA Icons and Web App Manifest

If you've been following along with my daily blogging challenge, this is my final article! I've done 30 articles in 42 days! Since Siri Shortcuts were announced in iOS 12, I’ve been trying to find some interesting and useful applications for it. Suprisingly, it packs a lot of power...

Push Notifications on the Web (Building a PWA, Part 3)

Last week's article was Part 2 (of 3) in my series on how I built a Progressive Web Application for this blog. Get the Application | View Source In this final part, I will show how I implemented web push notifications. For users that subscribe, a notification is sent to their...

"Instant Loading" with IndexedDB (Building a PWA, Part 2)

Last week's article was Part 1 (of 3) in my series on how I built a Progressive Web Application for this blog. Get the Application | View Source As I mentioned, there are two parts to creating an "offline-first" application - Cache the app shell so pages and assets...

“Offline First” with Service Worker (Building a PWA, Part 1)

Over the past 5 months, I have been doing Udacity’s Senior Web Developer Nanodegree. For my final Capstone project (I've graduated now! 💃🏿), I had to create my very own web application that would function just as a native mobile application would, using all I learned throughout the Nanodegree. So,...