Build Full Stack Web Applications with Angular and Firebase

Overview

Get started building web applications with Angular and Firebase. In this course, you'll learn how to set up and use Firebase in your Angular applications using the AngularFire library. We choose the AngularFire library because it is an official library created by the Firebase and Angular teams to work better with Angular. It helps you by wrapping everything into observables and helps update zones. By the end of this course, you'll be able to build web applications using Cloud Firestore as your database, Firebase Authentication as your Auth system, Cloud Storage to save files, and Firebase Hosting to deploy your applications to the web

Syllabus

Intro to Full Stack Development with Angular and Firebase
Set up a new Firebase project and connect it to your Angular application
Explore and Prepare the Firebase Services We'll Use in the Firebase Console
Fetch a List of Firebase Documents with Firestore collectionData
Dynamically Display a Task Status with ngSwitch
Create a New Task Page with Angular CLI ng generate
Create a New Task Form Page Template with Ionic
Add a New Document to a Collection in Firestore from Angular with Firestore addDoc
Notify Users Their Database Operation Worked with a Toast Alert
Navigate Users to a Tasks Detail Page and Load Task via Route Param
Add New Properties to an Existing Document in Firebase through a Ionic Action Sheet
Avoid Duplicating Documents in Firestore
Delete a Document with a Confirmation Step from Firestore
Create an Authentication Page Template with Ionic Page Generation
Sign in Users to Your Application with AngularFire Auth
Create New Users in Firebase Authentication and Store within the Database
Send a Password Reset Email Using Firebase Authentication with sendPasswordResetEmail
Show Protected Pages only to Authenticated Users with AngularFire Authentication Guard
Store the User's ID in the Task Documents That are Saved in Firestore
Query and Filter Documents from Firestore by userId with query()
Secure your Firestore Data with Security Rules
Break Up Firebase Security Rules Into Different Actions Depending on Operation Performed
Refactor Firebase Security Rules to Use Functions for Easier Reading
Upload Files to Firebase Cloud Storage with AngularFire storage uploadBytes
Save and Display Tasks Files Utilizing Firebase Cloud Storage getDownloadUrl
Download Files from Firebase Cloud Storage in Angular
Restrict File Uploading to Firebase Cloud Firestore with Cloud Storage Security Rules
Deploy an Angular Web Application Powered by Firebase to Firebase Hosting