Angular 15 with angularfire 7 - Full CRUD Operation

Angular 15 with angularfire 7 - Full CRUD Operation

In this tutorial, we will be diving into the newest version of Angular, version 15, and its integration with the latest version of @angular/fire (7). Recently, Angular released version 15 and with it came a few changes to how to use it with @angular/fire. In this guide, we will be exploring these changes and showing you how to properly set up and use Angular 15 with @angular/fire 7 for full CRUD operations. We'll cover everything from setting up the project, to creating a Firebase backend, and implementing all the CRUD operations in Angular. Whether you're a beginner or an experienced developer, this tutorial will help you get up and running with the latest version of Angular and Firebase. So grab your favorite text editor and let's get started!

00:00 Introduction
00:38 Update Angular CLI to Angular 15
02:08 Create & Configure Firebase Account
04:28 Install @angular/fire 7 Package
11:11 Create Query
20:41 Read Query
26:27 Update Query
33:59 Delete Query

#angular #firestore

[trolleaDitto]

Thank you very much, your straightforward and simple explanation helped me a lot.

[hanzalasarguroh]

Bro.. You're on Next level of teaching Angular..just completed 8hours angular course..

[caterinez]

, i found someone who uses angular 15 with firebase 7 thank u so much, damn im really tired of using latest version of angular, please make so many contents about ang 15, fire 7 appreciated!!

[atharvsingh]

no words can describe how great this content is. very useful especially in job

[RumipambaTuristico]

Really tank you, this is what i was looking for 4 days <3 <3 <3

[jfs]

Thank you so much for this tutorial, I've been trying to make an app with Angular 15 and Firestore for days now and this video helped me solve all my problems!

[jorammwangi]

Thanks for this. Those getting error : ERROR FirebaseError: Expected type 'Query', but it was: a custom wh object while querying see below comment

[soeungsovanny]

This is good example for Angular 15 that I looking for improve myself, so I hope u make example about crud with more fields when we want to add and update to Firestore

[townheadbluesboy]

Very helpful - Do you have an example of querying data with AngularFire and Firestore?

[husseinhashima]

Your explanations were so clear and easy to follow, and I learned a lot from watching it.
Please make a video on authorization role.

[ngocta]

Thank you so much. It's definitely an amazing tutorial 😍

[RIYAYADAV-wj]

you are the only channel which is providing the latest content extremely thankful to you for that but can you please make videos on how to use query in firebase ...really urgent

[Gwittdog]

Why does the documentation for Angularfire look nothing like this? I am extremely grateful for your assistance. I built a whole application with a patch work of their documentation and I am so so so thankful for your help with this video

[jay]

Eagerly waiting for REACT tutorials 😍🔥

[SimonChikezie]

please where do you get all your firebase method documentation from

[Lukas-vxfr]

Thanks for this tutorial. Works fine! It would be amazing to learn how to add the authorization layer on top of it.
Greetz Lukas

[Dosu]

Please do one for auth, route guards (with roles: admin/user), redirect to profile and display user details after logging in!

[liga_frontend]

Thank you very much for that! Is there documentation for all methods firebase in angular?

[yelose]

Amazing, it work at the first try, not having to search problems in stackoverflow, Thank you very very much.
Do you recommend making a service with all CRUD operations? even though this new aproach is very simple.

[TsoiIzAlive]

Hey, how can have data displayed in way so that that last added data is listed at the bottom of the list. Right now when adding data it is sorted rather randomly and displayed as such. Any Input on why that is ? 25:00 same thing you add the data and it shows up inbetween 2 list items not at the top or bottom. I hope I made the problem clear.