Progressive Web Apps: Cross-Plattform Applications with Angular

on YouTube ↗01h 04m

" summary

Builds a lyrics PWA with Angular CLI and Angular Material, adds an app shell via Angular Universal, caches data in IndexedDB (Dexie) and routes requests through a service worker registered by ng add angular-pwa, deploys to now.sh. Notes mobile median load 8.66s versus 3s patience, tunes caching strategies and image/font optimizations. Demo works offline for cached songs, Lighthouse shows 100% PWA score while performance remains middling and requires further tree-shaking and change-detection tweaks.

AI-written summary · about

" chapters (21)

1. 0:00Introduction
2. 2:29Why Progressive Web Apps
3. 4:40Google Speed Ratings
4. 6:46Average Load Time
5. 10:36Progressive Web Apps
6. 15:14Mobile Apps
7. 20:44Web Apps
8. 29:11Angular CLI
9. 38:41Goals
10. 38:59Angular Material
11. 42:10Media Matcher
12. 46:01App Shell
13. 48:05Routing
14. 49:32Index HTML
15. 53:14Results
16. 53:47Offline
17. 54:28AppLike
18. 56:02Service Worker
19. 57:16Angular PWA
20. 57:40Service Worker Configuration
21. 58:44App Manifest

" related talks

• 01h 04mProgressive Web Apps: Cross-Plattform Applications with AngularShmuela Jacobs · iJS 2018 Spring
• 53mWeb goes Native: Progressive Web Apps with AngularShmuela Jacobs · GDG DevFest Ukraine 2017
• 29mAwesome Progressive Web Apps with AngularMike Hartington · ngAtlanta 2019
• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 17mProgressive Angular 2 appsCiro Nunes · NG Poland 2016
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016
• 23mProgressive Web Apps with Angular and FirebaseErik Haddad · ng-europe 2018
• 31mProgressive Web Apps with Angular and FirebaseErik Haddad · JSPoland Conf 2017