Progressive Web Apps with Angular and Firebase

on YouTube ↗31m

" summary

Shows concrete steps to make an Angular app a PWA: enable the service worker, add manifest.json, and register the worker; uses Angular CLI and AngularFire v4 RC0 with Firebase hosting, database, storage and Cloud Functions for Firebase; demos a live app called Your Mileage May Vary with authentication, realtime updates, image resizing via functions and push notifications (work intermittently during demo); measuring with Lighthouse, moving fonts local improves score by ~20 points; deploys everything with firebase deploy.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 2:16What is Angular?
3. 3:19What is a Progressive Web App?
4. 5:55What is Firebase?
5. 9:24Cloud Functions for Firebase lets you extend and connect Firebase and Cloud products with code
6. 26:53Console exploration

" related talks

• 23mProgressive Web Apps with Angular and FirebaseErik Haddad · ng-europe 2018
• 26mProgressive Web Apps with Angular and FirebaseErik Haddad · ngVikings 2018
• 29mProgressive Web Apps with Angular and FirebaseErik Haddad · AngularUP 2017
• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 53mWeb goes Native: Progressive Web Apps with AngularShmuela Jacobs · GDG DevFest Ukraine 2017
• 17mProgressive Angular 2 appsCiro Nunes · NG Poland 2016
• 01h 02mService Workers: Transforming your App into a Progressive Web ApplicationAvindra Fernando · NDC Minnesota 2019
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016