Progressive Web Apps with Angular and Firebase

on YouTube ↗26m

" summary

Angular plus Firebase actually produces a working PWA: fire chat is built with Angular CLI, enables serviceWorker:true at build time, and uses AngularFire (RxJS observables) to wire auth, Firestore, and Storage. Cloud Functions generate real‑time translations and image processing. The demo runs offline from cached assets, syncs writes on reconnect, uploads files to Firebase Storage, and scores 100 PWA score in Lighthouse. Everything is hosted on Firebase with HTTPS and CDN backing, proving the approach.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 1:10What is Angular?
3. 2:09What is a Progressive Web App?
4. 6:02What is Firebase?
5. 8:23Cloud Functions for Firebase lets you extend and connect Firebase and Cloud products with code
6. 12:37Firebase Hosting
7. 20:36Console exploration
8. 22:03Benchmarking your app

" related talks

• 23mProgressive Web Apps with Angular and FirebaseErik Haddad · ng-europe 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
• 01h 38mWrite once, run anywhere with an angular PWAMichael Dowden, Maritine Dowden · ng-conf 2022
• 29mAwesome Progressive Web Apps with AngularMike Hartington · ngAtlanta 2019
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016