Build real-time web apps with Firebase and Angular

Learn how to build a real-time collaborative web app that uses Angular and Firebase to implement user authentication and advanced reactive data patterns, and then deploy it to Firebase Hosting.

 

Introduction

Video

Learn about the features covered in this pathway, which include the fundamentals of the AngularFire library, project setup and best practices, route guards and Firebase Authentication, data structure, component architecture, data streams, and deployment to Firebase Hosting.

Fundamentals of the AngularFire library

Video

Learn about the AngularFire library, how everything comes together with Firebase and Angular, and how to integrate the AngularFire library in an Angular app.

Set up your project with Angular and Firebase

Video

Learn how to install dependencies, start the emulator, and launch the app.

Set up Authentication and implement route guards

Video

Learn how to set up an anonymous login and a Google login, add a route guard and a redirect, and use a data resolver to pass in your user.

Review the app's data structure in Cloud Firestore

Video

Learn about the app's data structure, including the resume, user ID, overview, skills, comments, and experiences.

Review the app's component architecture

Video

Learn about the app's component architecture.

Integrate data into the app with the RxJS library

Video

Learn how to integrate data into the app.

Send updates to the server

Video

Learn how to update Cloud Firestore.

Deploy the app to Firebase Hosting

Video

Learn how to deploy the app.

Build real-time web apps with Firebase and Angular quiz

Pass this quiz to earn a badge.