Posts in category: "pwa"

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 are accessible...

“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,...

The Service Worker Lifecycle

If you have worked with Service Workers, you may have run into some issues with previous Service Workers still being in control of a document, even though the file itself has been updated. The reason for this is to do with some nuances in the lifecycle of the Service Worker;...

Setting up a Basic Service Worker

Service Workers are a relatively new, but incredibly powerful, technology. A service worker is a JavaScript file that runs independently to a web page and can perform specific services such as background sync, push notifications, handling network requests, and caching. Because of its independence, it does not have the access...