1
Intro to Full Stack Development with Angular and Firebase
1m 11s
2
Set up a new Firebase project and connect it to your Angular application
3m 16s
3
Explore and Prepare the Firebase Services We'll Use in the Firebase Console
2m 6s
4
Fetch a List of Firebase Documents with Firestore collectionData
3m 33s
5
Dynamically Display a Task Status with ngSwitch
1m 4s
6
Create a New Task Page with Angular CLI ng generate
1m 20s
7
Create a New Task Form Page Template with Ionic
3m 53s
8
Add a New Document to a Collection in Firestore from Angular with Firestore addDoc
4m 3s
9
Notify Users Their Database Operation Worked with a Toast Alert
2m 14s
10
Navigate Users to a Tasks Detail Page and Load Task via Route Param
3m 44s
11
Add New Properties to an Existing Document in Firebase through a Ionic Action Sheet
5m 32s
12
Avoid Duplicating Documents in Firestore
2m 55s
13
Delete a Document with a Confirmation Step from Firestore
3m 33s
14
Create an Authentication Page Template with Ionic Page Generation
1m 57s
15
Sign in Users to Your Application with AngularFire Auth
2m 10s
16
Create New Users in Firebase Authentication and Store within the Database
4m 18s
17
Send a Password Reset Email Using Firebase Authentication with sendPasswordResetEmail
2m 1s
18
Show Protected Pages only to Authenticated Users with AngularFire Authentication Guard
3m 3s
19
Store the User's ID in the Task Documents That are Saved in Firestore
2m 25s
20
Query and Filter Documents from Firestore by userId with query()
2m 51s
21
Secure your Firestore Data with Security Rules
4m 28s
22
Break Up Firebase Security Rules Into Different Actions Depending on Operation Performed
3m 21s
23
Refactor Firebase Security Rules to Use Functions for Easier Reading
2m 29s
24
Upload Files to Firebase Cloud Storage with AngularFire storage uploadBytes
3m 41s
25
Save and Display Tasks Files Utilizing Firebase Cloud Storage getDownloadUrl
3m 54s
26
Download Files from Firebase Cloud Storage in Angular
1m 4s
27
Restrict File Uploading to Firebase Cloud Firestore with Cloud Storage Security Rules
3m 32s
28
Deploy an Angular Web Application Powered by Firebase to Firebase Hosting
2m 40s

Set up a new Firebase project and connect it to your Angular application

Angular
firebase

Share this video with your friends

You'll learn how to set up a new Firebase project and connect it to your Angular application, by initializing Firebase Authentication, Firestore, Storage, and Firebase Hosting.

With the ng CLI tool you'll run ng add @angular/fire. This kicks off an interactive CLI that lets you pick the Firebase API you want to include in your application.

Course

Build Full Stack Web Applications with Angular and Firebase

~ 2 years ago

comda