WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2021 • Jun 30, 2021

PWA Fundamentals: websites with superpowers

Rowdy Rabouw

Give your traditional websites native-like superpowers. Master PWA fundamentals from service workers to advanced offline caching. Seamlessly bridge the gap between web and native applications.

Pause
Mute Enter Fullscreen
#1 about 6 min

Key features and characteristics of progressive web apps

Progressive web applications combine modern browser features to ensure reliable, fast, and engaging user experiences.

#2 about 5 min

Configuring the manifest file and generating application icons

The JSON manifest defines the metadata and display constraints for the installed application environment.

#3 about 7 min

Implementing the add to home screen installation feature

The beforeinstallprompt event intercepts the default installation dialog to offer a customized local install flow.

#4 about 3 min

Registering background service workers for network request interception

Service workers operate on a background thread to intercept requests dynamically without blocking the main application flow.

#5 about 6 min

Implementing static caching for offline web application support

The Cache API securely stores core site assets locally to bypass subsequent network requests and improve load times.

#6 about 3 min

Adding dynamic caching strategies for variable network responses

Uncached responses are intercepted during the fetch operation and dynamically stored for future immediate access.

#7 about 3 min

Serving custom offline fallbacks during network connection failures

A dedicated fallback HTML page gracefully handles comprehensive application disconnection scenarios when resources remain uncached.

#8 about 4 min

Building an application shell to improve perceived loading performance

Serving structural layout elements prior to data resolution creates a continuous and visually responsive startup experience.

#9 about 5 min

Caching dynamic JSON payload responses using the IndexedDB database

A client-side IndexedDB implementation successfully mitigates caching limits by storing structured API payloads reliably.

#10 about 2 min

Prompting users to manually update service worker versions

Tracking service worker states enables custom notification prompts that cleanly trigger local cache updates.

#11 about 1 min

Simplifying service worker caching strategies with the Workbox library

Pre-configured Workbox libraries replace verbose custom code with straightforward declarative caching functions.

#12 about 4 min

Answering audience questions on application testing and browser adoption

Discussions around bypass mechanisms for local SSL constraints and comparing progressive features against native capabilities.

Matching moments

1:27 min

Introduction to progressive web apps

Laura Morinigo · World Congress 2022

6:20 min

Enabling offline capabilities and application installation via service workers

Christian Liebel Christian Liebel · World Congress 2022

6:13 min

Core capabilities of progressive web applications

Lucien Immink · LIVE

3:11 min

PWA adoption models and bridging native capabilities

Maxim Salnikov Maxim Salnikov · JS Congress

1:20 min

Questions on styling extensions and progressive web app potential

Marius Obert Marius Obert · World Congress 2023

2:42 min

Mandatory technical requirements for PWAs

Laura Morinigo · World Congress 2022

More from World Congress 2021

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
about 5 years ago

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Data Science on Software Data thumbnail
48:10
about 5 years ago

Data Science on Software Data

Markus Harrer

The journey from developer to devops - what i've learnt along the way thumbnail
42:44
about 5 years ago

The journey from developer to devops - what i've learnt along the way

Liam Hurrel, Alireza Chegini

How Data is Shaping our Games thumbnail
43:30
about 5 years ago

How Data is Shaping our Games

Johanna Pirker

Cross platform Augmented Reality development with React Native thumbnail
40:50
about 5 years ago

Cross platform Augmented Reality development with React Native

Vladimir Novick

How to Build a Monetization Strategy Based on User's in-app Behavior thumbnail
38:59
about 5 years ago

How to Build a Monetization Strategy Based on User's in-app Behavior

Natalie Sieradzki

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 15:30–16:00

Stage 6

Going beyond the code through the GitHub Copilot App: how to unlock you and your team’s superpower

Jenny Hwang

Director of User Research at GitHub

Jenny Hwang
Open session

World Congress 2026 North America

September 25, 2026 · 15:30–16:00

Stage 6

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 4

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

September 24, 2026 · 16:00–18:00

Stage 8

Come with an Idea, Leave with an App: Build and Launch Your Website with AI

Denise Kwan

Senior Developer Advocate at Google

Denise Kwan
Open session

World Congress 2026 North America

September 24, 2026 · 16:00–18:00

Stage 10

Reprompting the Wheel? Why AI Won’t Save Your Content Platform

Benni Mack, Tom Warwick

Benni Mack
Tom Warwick
Open session

World Congress 2026 North America

September 24, 2026 · 14:10–14:40

Stage 7

Designing High-Performance AI APIs: Lessons from Serving Millions of Real-Time Requests

Wayne Liu

Chief Growth Officer and Americas President of Perfect Corp.

Wayne Liu

Related videos

Progressive Web Apps - The next big thing thumbnail
40:01
LIVE • almost 6 years ago

Progressive Web Apps - The next big thing

Nico Martin

PWAs in 2021 thumbnail
41:49
JS Congress • almost 5 years ago

PWAs in 2021

Ire Aderinokun

Is your Progressive Web App Lazy? How to read and improve your PWA Performance thumbnail
29:57
World Congress 2022 • over 4 years ago

Is your Progressive Web App Lazy? How to read and improve your PWA Performance

Laura Morinigo

Native Web Apps: Are We There Yet? thumbnail
44:40
JS Congress • almost 5 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Offline first! thumbnail
35:53
World Congress 2023 • about 3 years ago

Offline first!

Rowdy Rabouw

Project Fugu: Progressive Web Apps, Superpowered thumbnail
45:20
JS Congress • almost 5 years ago

Project Fugu: Progressive Web Apps, Superpowered

Christian Liebel

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.