The (Awesome) Future of Web Apps

on YouTube ↗50m

" summary

Progressive Web Apps enable home‑screen install, push, offline and near‑native installs by combining a web app manifest with a service worker that precaches assets and applies runtime caching (sw‑precache, sw‑toolbox or workbox). Practical goals: show an app shell and render something under first paint <300ms; delay service worker registration until load; use code‑splitting, conditional polyfills, Lighthouse and DevTools coverage; leverage IntersectionObserver, requestIdleCallback, background sync, PaymentRequest and WebAssembly for faster, more capable web apps.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 0:44PWA Refresher
3. 4:10Dynamic caching strategies
4. 7:24Modern Best Practices
5. 7:46Theme color
6. 13:05Optimize first paint App Shell
7. 15:18Debugging
8. 28:48Passive event listeners
9. 31:52Defer non-essential work
10. 32:32Intersection Observer
11. 34:47Background sync
12. 37:42title: document.title
13. 43:24Call to action
14. 44:18Build your first modern Web App
15. 46:18Google Web Fundamentals Mozila Developer Network

" related talks

• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 2017
• 47mThe (Awesome) Future of Web AppsJad Joubran · NDC Oslo 2017
• 55mThe (Awesome) Future of Web AppsJad Joubran · NDC London 2017
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 35mProgressive Web Apps: trick or real magic?Maurizio Mangione · Universal JS Day 2017
• 53mProgressive Web Applications - The best of both worlds (App & Web)Noorulameen Noorulameen · Voxxed Days Singapore 2018