The (Awesome) Future of Web Apps

on YouTube ↗47m

" summary

Progressive Web Apps that run from the home screen use a JSON web app manifest, a background service worker and runtime caching (examples: cache-first, network-first, fastest) to serve files offline and ship an app shell (about 30 lines of critical CSS). Uses sw-precache / sw-toolbox or the newer Workbox, Chrome DevTools + Lighthouse for testing, Source Map Explorer and code-splitting to cut JS, promil for conditional polyfills, background sync (Chrome only) and emerging features like WebAPK and WebAssembly.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 2:39Web App Manifest
3. 12:23App Install Banner
4. 13:35Background sync
5. 16:02(PWA) Best Practices
6. 16:23Theme color
7. 16:51First Paint
8. 19:59Delay sw registration
9. 21:57Detect home screen users
10. 23:11Debugging
11. 30:39JS Frameworks & Libraries
12. 34:13Modern Web APIs
13. 43:39Call to action

" related talks

• 50mThe (Awesome) Future of Web AppsJad Joubran · NDC Sydney 2017
• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 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
• 37mIntro to Progressive Web AppsKyle Paul · DevFest Florida 2019