Progressive Web Apps with Angular and Firebase

on YouTube ↗23m

" summary

Angular plus Firebase delivers concrete PWA pieces: the CLI command ng new --service-worker generates ngsw.json and a service worker, manifest.json and caching strategies; angularfire 5 rc6 with .enablePersistence ties Angular to Cloud Firestore (offline sync, durable writes, conflict resolution), Storage and Cloud Functions (image resize, Cloud Translate triggers). A working fire chat demo shows Google auth, room creation, uploads, translations and storage uploads; push is present but commented out. Lighthouse audit reports 100 PWA score.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 1:35What is PWA
3. 6:15Firebase
4. 13:03Angular Fire 2
5. 18:36Demo
6. 19:48Lighthouse

" related talks

• 26mProgressive Web Apps with Angular and FirebaseErik Haddad · ngVikings 2018
• 31mProgressive Web Apps with Angular and FirebaseErik Haddad · JSPoland Conf 2017
• 29mProgressive Web Apps with Angular and FirebaseErik Haddad · AngularUP 2017
• 53mWeb goes Native: Progressive Web Apps with AngularShmuela Jacobs · GDG DevFest Ukraine 2017
• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016
• 41mPerformant and Accessible Angular Apps as PWAsPatricio Vargas · Connect.Tech 2021
• 01h 38mWrite once, run anywhere with an angular PWAMichael Dowden, Maritine Dowden · ng-conf 2022