A Simple Angular 4 Firebase Tutorial

(October 2017 Update!) This tutorial is outdated. Please watch the new Angular Firestore (AngularFirebase5) tutorial:

NOTE: This video is outdated if you're using AngularFire2 version 4! Read the written tutorial below to make this project work:
Other referenced tutorials:

For the detailed firebase account setup instructions:

How to upgrade from Angular 2 to 4:

Enjoy!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS weekly!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[DesignCourse]

NOTE: This video is outdated if you're using the latest version of AngularFire2 (version 4)!

I have updated the written tutorial to reflect the steps you need to take with that version:

This video will not work with the new version of AngularFire2!

[Welcometomyjourney]

great as usual.. can u please show how to make image storage to firebase

[ICEDBnk]

thank you for sharing, I had a firebase app built on angular2.

[awadheshkumar]

can you upload full angular and firebase application development

[willfang]

You should do a course that build's 5 very different apps using Angular 4 and sell it on your site. I'd buy it!

[maidanh]

Hi @DesignCourse,
Correct me if I am wrong, I know angularfire2 is a wrapper of firebase and we can use firebase without angularfire2.Is it correct?
I search on the internet only use angular 4 with firebase but with always come to angularfire2 + firebase + angula4,
I just want something basic like we use in javascript to understand before i can go with wrapper of firebase.

[MuliarAndrew]

If I remove data from Firebase, is it automatic remove data from print? Or need some 1s request? How it's working, please answer

[anbuganeshkannan]

can put the video on angular 5 firebase chat app?

[TheInertialheart]

can you please tell me the background music that you are using?

[ani]

I have import import { AngularFire, AuthProviders, AuthMethods, FirebaseListObservable } from 'angularfire2'; and I am getting an error saying there is no exportable member for any of those classes

[nicolasgabriel]

Are you using angular material in this project ?

[zaharouni]

how to combine angular with wordpress rest api ?

[OneAndOnlyMe]

it's 17 July 2017, and AngularFire2 is still only RC1.

[houssamkasri]

how we can do annimations with angular4 ??

[juanortiz]

how can work with files ? in http post.

[MrSolumbe]

Thanks man for this tutorial... :) on point

[ashizhamal]

Dont we need to pay, for using services of it?

[ahummbrahmasmi]

Gary, your tutorials are always best and easy to learn. I have learnt a lot from you Angular2 videos. Now heading to angular4. Please keep posting your awesome videos. I am following you can I have you twitter profile ?

[tj]

For those using the last Angular 2 version, it won't work even with the writen tutorial. You need to upgrade. Follow his written tutorial and then run (before ng serve):

And then :
npm install promise-polyfill --save-exact

[aidenhall]

Angular 4?? Wasn't it just updated to Angular 2?