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 · WWC 2022

6:20 min

Enabling offline capabilities and application installation via service workers

Christian Liebel Christian Liebel · WWC 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 · WWC 2023

2:42 min

Mandatory technical requirements for PWAs

Laura Morinigo · WWC 2022

More from World Congress 2021

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
almost 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

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

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

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

From Idea to Production with AI: Agentic Development in Practice

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

Designing APIs That Survive AI Agents at Scale

Phani Pendurthi

Mastercard, Principal Software Engineer

Phani Pendurthi

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 • over 4 years ago

PWAs in 2021

Ire Aderinokun

Is your Progressive Web App Lazy? How to read and improve your PWA Performance thumbnail
29:57
WWC 2022 • about 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 • over 4 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Offline first! thumbnail
35:53
WWC 2023 • almost 3 years ago

Offline first!

Rowdy Rabouw

Project Fugu: Progressive Web Apps, Superpowered thumbnail
45:20
JS Congress • over 4 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.