The Web is on 🔥 F I R E 🔥 !!!
summary
Explains concrete steps to make a Progressive Web App: uses service worker + manifest for offline and installability, shows push notifications via the Push API, demos Twitter’s PWA and a working web share target that receives images via the new clipboard API, and uses the Badging API and media queries like prefers-color-scheme and prefers-reduced-motion. Notes many features run today in Chrome/Chromium (origin trials), are limited or delayed on iOS/Safari, and that experiments like built-in STD modules and virtual-scroller are early but promising.
AI-written summary · about
chapters (26)
- 0:00Start
- 0:25Warm-Up
- 6:00Progressive Web Apps
- 14:19First Interaction
- 15:39Twitter
- 16:19Progressive Web App
- 19:05Engagement
- 19:25Basics Technologies
- 20:17App Shell
- 20:40The Application Shell
- 22:40Add to Home Screen
- 29:28What Is a Web Worker
- 32:05The Push Api
- 39:38World Wide Web Consortium
- 45:28Html
- 52:22W3c Encrypted Media Extensions
- 54:55Who Is behind Javascript
- 58:08Webkit
- 1:15:56Install Button
- 1:28:29Contact Picker Api
- 1:59:44Accessibility
- 2:09:00Why Do We Need Animation
- 2:16:24Bare Specifier
- 2:23:37Web Component
- 2:24:21Shadow Dom
- 2:30:17Progressive Approach
related talks
31mWeb for all The power of progressive web apps
48mPWAs, are we there yet?!
46mIntro to Progressive Web Apps
33mBuilding apps that are on FIRE
38mProgressive Web Applications: The What, the Why and the How
46mKeynote: Progressive Web Apps
13mLightning Talks: PWA - A Farewell To Apps
01h 16mPWA - The hidden stories about the future of the web