Progressive Web Apps: Cross-Plattform Applications with Angular

on YouTube ↗01h 04m

" summary

A demo lyrics web app shows concrete results: built with Angular CLI and Angular Material, adds an app shell via Angular Universal, and registers a service worker with ng add @angular/pwa to cache API responses and store songs in IndexedDB. Lighthouse audits move performance from failing into the 60s after server-rendered shell and reach a 100% PWA score for offline/installable behavior. Data points cited: average mobile load 8.66s, 3s user expectation, and ~7% conversion loss per second.

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
• 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
• 24mBuild progressive web apps with AngularSimona Cotin · Frontend Developer Love 2018
• 29mBuild progressive web apps with AngularSimona Cotin · ngVikings 2018