Progressive Angular 2 apps

on YouTube ↗17m

" summary

Shows concrete steps and working code to turn an Angular 2 site into a PWA: add a web app manifest, register service workers and Cache API to cache an app shell, and intercept fetch to serve cached content with an offline fallback. Demonstrates app shell pre-rendered with Universal for faster loads, using the Angular mobile toolkit and configuring the built-in service worker JSON. Also covers push handling and running a Lighthouse audit to measure time-to-interactive.

AI-written summary · about

" chapters (15)

1. 0:00Intro
2. 1:02What is progressive enhancement
3. 1:32Progressive web apps
4. 2:15Discoverable
5. 2:49Building a Progressive Web App
6. 3:24Tribute the App Shell
7. 4:01Implement HTML CSS JavaScript
8. 4:44Implement Service Workers
9. 6:32Cache Content
10. 7:47Offline Experience
11. 8:29Lighthouse
12. 11:02AppShell
13. 12:28Universal
14. 13:16Service Worker
15. 14:32Notifications

" related talks

• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016
• 01h 04mProgressive Web Apps: Cross-Plattform Applications with AngularShmuela Jacobs · iJS 2018
• 31mProgressive Web Apps with Angular and FirebaseErik Haddad · JSPoland Conf 2017
• 37mAngular PWA: crafting apps that adapt anywhereSoumaya Erradi · angularday 2024
• 29mAwesome Progressive Web Apps with AngularMike Hartington · ngAtlanta 2019
• 01h 04mProgressive Web Apps: Cross-Plattform Applications with AngularShmuela Jacobs · iJS 2018 Spring
• 29mBuild progressive web apps with AngularSimona Cotin · ngVikings 2018