Progressive Web Apps with Angular 2

on YouTube ↗35m

" summary

Progressive Web App implementation for an Angular 2 app uses service workers (via the Service Worker Toolbox), a generated app shell, the web app manifest, browser databases (PouchDB/IndexedDB), and push plus background sync to provide offline writes that later synchronize. A sample flight‑booking app demonstrates cached UI, immediate value, and sync-on-reconnect; demos intermittently fail but core patterns and tooling (Angular Mobile Toolkit, CLI scaffold, cache strategies like cache‑first vs network‑first) are shown working.

AI-written summary · about

" chapters (20)

1. 0:00Intro
2. 0:45Progressive Web Apps with Angular 2
3. 1:09Contents
4. 2:35Native Apps
5. 6:33Case Study
6. 6:56Features
7. 11:01What are Service Worker?
8. 12:04Service Worker and Offline
9. 13:11Service Worker Toolbox
10. 16:33Browser Support
11. 17:42Fallback for Safari & Co.
12. 18:55Storing Data while offline
13. 21:44App Shell
14. 22:56"Install" to Home Screen
15. 24:02Referencing the Manifest
16. 24:59Background Sync
17. 26:20Push Notifications
18. 30:50Mobile Toolkit
19. 32:49Getting Started
20. 33:24Summary

" related talks

• 01h 00mProgressive Web Apps with Angular: Tips for Advanced UsersChristian Liebel · BASTA! Spring 2020
• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 41mOffline Web Apps don't exist anymore!Francesco Leardini · Conf42 JavaScript 2020
• 17mProgressive Angular 2 appsCiro Nunes · NG Poland 2016
• 53mWeb goes Native: Progressive Web Apps with AngularShmuela Jacobs · GDG DevFest Ukraine 2017
• 49mA progressive open web with Angular 2Huiren Woo · Voxxed Days Singapore 2017
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 01h 04mProgressive Web Apps: Cross-Plattform Applications with AngularShmuela Jacobs · iJS 2018