Angular PWA: crafting apps that adapt anywhere

on YouTube ↗37m

" summary

Angular CLI command ng add @angular/pwa actually scaffolds an Angular service worker and a web app manifest, enabling offline caching and installable app shells but only after a production build. Demo shows a simple cocktail finder demo that caches visited API responses and assets so visited pages load offline while unseen pages stay blank. Notes include push notifications, periodic background sync, limited device APIs (especially iOS) and browser storage size constraints.

AI-written summary · about

" chapters (9)

1. 0:00Angular PWAs intro
2. 1:05What are PWAs
3. 5:27Why Angular for PWAs
4. 10:14PWA implementation challenges
5. 14:31Service workers & caching
6. 17:05Push notifications in PWAs
7. 19:36Live Angular PWA demo
8. 28:34PWAs vs native apps
9. 29:40Q&A

" related talks

• 41mPerformant and Accessible Angular Apps as PWAsPatricio Vargas · Connect.Tech 2021
• 17mCrafting Bespoke PWA Experiences with AngularMark Thompson · OpenJS World 2021
• 43mAutomatic Progressive Web Apps using the Angular Mobile ToolkitMaxim Salnikov · JSHeroes 2017
• 26mAngular PWA : The technology & pitfallsRaphael Ritter · Uphill Conf 2019
• 41mOffline Web Apps don't exist anymore!Francesco Leardini · Conf42 JavaScript 2020
• 17mProgressive Angular 2 appsCiro Nunes · NG Poland 2016
• 40mMobile platform guidelines with PWA: yes, no problem!Önder Ceylan · GDG DevFest Sofia 2019
• 39mPROGRESSIVE WEB APPS 🚀 WITH ANGULARBrian F Love · Voxxed Days Zurich 2019