Firebase in Angular Applications | Mosh

This tutorial teaches you how to build real-time apps with Firebase and Angular.

TABLE OF CONTENT

00:00 Introduction
01:17 What is Firebase
03:37 Your First Firebase Project
04:19 Working with Firebase Databases
09:18 Installing Firebase
14:27 Reading Lists
21:44 A Real-time Database
23:17 Observables and Memory Leaks

RELATED VIDEOS

Angular 4 Tutorial for Beginners

Angular Version History

Angular Material

Angular Animations

MY OTHER COURSES

I have several other courses on web and mobile application development. You can find them all here:

STAY IN TOUCH

[tiiagocorreiia]

Hey greetings from Brazil.
I love how you explain the details.
Today you won a new follower.

[garikmelqonyan]

Dear Mosh, thank you very much for your tutorials.They are really great, especially for beginners.

[Artificial_Intelligence_AI]

English is not my mother tongue but man you made a fantastic explanation. I was searching during days with tons of videos regarding to this topic but any of them were so good like this. After this, All I can do is give you a like and subscribe to your channel. You truly deserve it.

[praveenrajsr]

Your Angular tutorials are awesome! Please do more :)

[DOLiWOODFilmsVeneto]

I saw many tutorials. Yours are the best explained...no way

[lucisetumbrae]

Great little video that is a very clear walkthrough of getting Firebase up and running in Angular 2. Worked for me!

[AntonioRiga]

This is the best explanation I have found! Thank you!

[ThaSaltyDawg]

love all your tutorials, you are a very good instructor

[iLoveTurtlesHaha]

Anyone else loves the say Mosh says "so"? Ok, I'll let myself out now. XD

[habibbellia]

simple explanation ... greate understanding .... WOW tanks Mr MOSH

[yooscripts]

very easy to undersand, thanks Mr Mosh

[anjaniravinuthala]

Fantastic, Awesome teaching By Most Hamedani.

[ranjithuk]

Dear Mosh, could you please share the second video of the firebase tutorial.

[MrSvitS]

не зря английский учил! super thx for tutorial

[danielubanan]

I need help. I'm having troubles around 16:51. Somehow "db.list" doesn't have the subscribe property anymore.
Here is the error: "Property 'subscribe' does not exist on type 'AngularFireList<{}>'."
It also says that the return type of "db.list" is "AngularFireList<{}>".
So I'm guessing that it is no longer returning an observable which why the subscribe property is no longer available.

Angular CLI: 7.1.4
Node: 10.15.0
@angular/fire: 5.1.1

Please help. Thanks.

EDIT:
So I found the answer.

db.list('/courses')
.valueChanges()
.subscribe(courses=> {
this.courses= courses;
console.log(this.courses);
});

[troinux]

man you're good, i need more firebase tuts.... can you please do a (zero to pro firebase series)

[ganeshveeravelli]

thank you sir for your brief explanation on firebase

[immerification]

I would note that even with observables coming from http (even they emit single value) we should care about unsubscribe on component destroy hook because the ajax call could take some time, and if the component is destroyed before the call completes, the subscription will still be in play (you can try it with rxjs .delay in angular 4)

[aomo]

Really Fantastic. Thank you

AYOUB MOROCCO

[EMonzon]

I'm doing this course now and I'm totally stuck because it seems that all these firebase modules have changed. If someone knows how all of this has changed and what to do, please tell me! thanks