Offline Web Apps don't exist anymore!

on YouTube ↗41m

" summary

Progressive Web Apps deliver near-native offline UX by combining service workers with explicit caching strategies (cache‑first, network‑first, stale‑while‑revalidate), Workbox for routing, and the web manifest for installability. Demonstration builds an Angular PWA via ng add @angular/pwa, configures ngsw assetGroups/dataGroups, and uses Cloud Firestore offline persistence (40 MB default) to queue writes offline and sync them when connectivity returns — edits made offline on a phone propagate to other clients on reconnect. Notes limits on iOS support and device APIs.

AI-written summary · about

" chapters (11)

1. 0:00Offline-capable web apps
2. 3:19Introduction
3. 7:13Core components of PWAs
4. 13:55Designing maskable icons
5. 14:15Caching strategies
6. 19:13Demo: PWA with Angular
7. 28:33Offline data modifications
8. 32:05Demo: Offline restaurant tracker
9. 37:29PWAs versus native apps
10. 39:16Further learning resources
11. 40:20Q&A

" related talks

• 52mOffline web applications don't exist anymore!Francesco Leardini · NDC London 2021
• 37mOffline web applications don't exist anymore!Francesco Leardini · AngularDay 2019
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016
• 01h 00mProgressive Web Apps with Angular: Tips for Advanced UsersChristian Liebel · BASTA! Spring 2020
• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 2017
• 43mAutomatic Progressive Web Apps using the Angular Mobile ToolkitMaxim Salnikov · JSHeroes 2017
• 58mOffline SecondAleksey Bogachuk · HolyJS 2017 Piter
• 37mAngular PWA: crafting apps that adapt anywhereSoumaya Erradi · angularday 2024