Superheroes Apps with Angular and Firebase

on YouTube ↗43m

" summary

Shows how to build a realtime Superheroes app using AngularJS and Firebase, demonstrating Google authentication, the Firebase Realtime Database, Storage for image upload, Cloud Functions for resizing images, and deployment to Firebase Hosting. Presents a working end-to-end demo with login, listing, detail view, add/edit, image upload, automatic websocket updates and the published demo code and workflow.

AI-written summary · about

" chapters (20)

1. 0:00Introduction
2. 2:28Firebase overview
3. 7:25Firebase setup
4. 10:15Firebase database
5. 12:46User authentication
6. 14:33Security rules
7. 18:09Firebase Storage
8. 19:35Firebase Functions
9. 23:28Demo: Angular + Firebase
10. 25:40Angular structure
11. 27:04Angular Firebase services
12. 31:20Image handling
13. 33:06Auth and navigation
14. 34:31Superheroes list
15. 35:35Superhero details
16. 37:46Components and services
17. 38:40Advanced Firebase Functions
18. 40:50Firebase costs
19. 41:56Summary
20. 42:37Q&A

" related talks

• 29mProgressive Web Apps with Angular and FirebaseErik Haddad · AngularUP 2017
• 15mAngularFire2 and youErik Haddad · ng-europe 2016
• 22mBuilding Angular2 & Firebase applicationFáris Ismail · Ng-Poland 2017
• 21mThe Best 20 Minute Angular & Firebase Video You’ll Ever SeeDavid East · ng-conf 2020: Hardwired
• 49mLet Firebase help you to build better Web appsJuarez Filho · GDG DevFest Hamburg 2017
• 39mHow AngularDart & Firebase did an App togetherJana Moudra · GDG DevFest Ukraine 2017
• 41mReal-Time Applications with Firebase and ReactSlavik Manukyanv · JS Conf Armenia 2017
• 30mBuilding Apps with Angular and FirebaseMinko Gechev · TSConf 2020