The (Awesome) Future of Web Apps

on YouTube ↗55m

" summary

Shows how to turn a site into a PWA by adding a manifest, registering service worker via navigator.serviceWorker.register, and pre-caching index.html, app.css and app.js with sW-precache, plus runtime caching rules via sW-toolbox regex handlers. Demonstrates offline app shell that loads reliably while API JSON is cached with cache-first or stale-while-revalidate, explains push via GCM and Chrome background sync, notes requirements (HTTPS and two visits within five minutes) and gives a working Android demo.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 29:27Source map explorer
3. 30:08Code Splitting
4. 38:13Web Navigation transitions

" related talks

• 47mThe (Awesome) Future of Web AppsJad Joubran · NDC Oslo 2017
• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 2017
• 50mThe (Awesome) Future of Web AppsJad Joubran · NDC Sydney 2017
• 44mPWA - Welcome to the FutureDavid Müllerchen · code.talks 2017
• 17mTransforming your Web Application into a PWA - Why and How?Gijs Weterings · Frontend Developer Love 2019
• 31mWeb for all The power of progressive web appsPatricio Vargas · Build Stuff 2021
• 33mCreate app like experiences with Progressive Web AppsAlexandru Bularca · Voxxed Days Bucharest 2016
• 24mPWA All The Things!Tara Z. Manicsic · ngAtlanta Conf 2018