Write once, run anywhere with an angular PWA

on YouTube ↗01h 38m

" summary

A working Angular 13 demo builds a chat PWA by running NG add @13, adding a service worker and web manifest, and deploying with Firebase (hosting, emulators or live). It uses AngularFire + Firebase Cloud Messaging, a firebase-messaging-sw.js service worker, a Cloud Function that subscribes users to a chats topic, and stores device tokens in Firestore. iOS install and push support remain flaky, maskable icons and an Apple touch icon are required, and Node 14 is recommended.

AI-written summary · about

" chapters (9)

1. 0:00Angular PWAs intro
2. 20:04Progressive web apps fundamentals and capabilities
3. 31:37Setting up Firebase for PWA development
4. 46:38Service workers config
5. 55:42Install prompt
6. 1:03:29PWA styles
7. 1:05:19Firebase hosting
8. 1:13:10Firebase Cloud Messaging
9. 1:37:23Summary & Q&A

" related talks

• 23mProgressive Web Apps with Angular and FirebaseErik Haddad · ng-europe 2018
• 26mProgressive Web Apps with Angular and FirebaseErik Haddad · ngVikings 2018
• 40mMobile platform guidelines with PWA: yes, no problem!Önder Ceylan · GDG DevFest Sofia 2019
• 41mPerformant and Accessible Angular Apps as PWAsPatricio Vargas · Connect.Tech 2021
• 31mProgressive Web Apps with Angular and FirebaseErik Haddad · JSPoland Conf 2017
• 26mAngular PWA : The technology & pitfallsRaphael Ritter · Uphill Conf 2019
• 37mAngular PWA: crafting apps that adapt anywhereSoumaya Erradi · angularday 2024
• 17mCrafting Bespoke PWA Experiences with AngularMark Thompson · OpenJS World 2021