Angular Firebase Authentication: Create Full Sign Up App

Angular Firebase Authentication: Create Full Sign Up App, available at $49.99, has an average rating of 4.6, with 29 lectures, based on 29 reviews, and has 112 subscribers.

You will learn about Build a complete Sign Up App with Angular 16, Angular Material and Firebase Authentication Integrate Firebase features such as Authentication, Firestore and Storage with Angular and Material Components Use Angular Material Components such as form fields, progress spinners and snackbars to build a real-world app Use Modern Angular 16 features such as Standalone Components and Signals API in a real world app This course is ideal for individuals who are Angular Beginners who want to learn to use Angular Material and Firebase or Angular Developers who want to add a Sign up Flow to their existing apps using Firebase Authentication or Javascript developers who want to learn how to build a complete Angular app with Material Components and Firebase integration or Angular Developers who want to learn how to store and get data from Firebase Firestore DB and Storage It is particularly useful for Angular Beginners who want to learn to use Angular Material and Firebase or Angular Developers who want to add a Sign up Flow to their existing apps using Firebase Authentication or Javascript developers who want to learn how to build a complete Angular app with Material Components and Firebase integration or Angular Developers who want to learn how to store and get data from Firebase Firestore DB and Storage.

Enroll now: Angular Firebase Authentication: Create Full Sign Up App

Summary

Title: Angular Firebase Authentication: Create Full Sign Up App

Price: $49.99

Average Rating: 4.6

Number of Lectures: 29

Number of Published Lectures: 29

Number of Curriculum Items: 29

Number of Published Curriculum Objects: 29

Original Price: $109.99

Quality Status: approved

Status: Live

What You Will Learn

Build a complete Sign Up App with Angular 16, Angular Material and Firebase Authentication
Integrate Firebase features such as Authentication, Firestore and Storage with Angular and Material Components
Use Angular Material Components such as form fields, progress spinners and snackbars to build a real-world app
Use Modern Angular 16 features such as Standalone Components and Signals API in a real world app

Who Should Attend

Angular Beginners who want to learn to use Angular Material and Firebase
Angular Developers who want to add a Sign up Flow to their existing apps using Firebase Authentication
Javascript developers who want to learn how to build a complete Angular app with Material Components and Firebase integration
Angular Developers who want to learn how to store and get data from Firebase Firestore DB and Storage

Target Audiences

Angular Beginners who want to learn to use Angular Material and Firebase
Angular Developers who want to add a Sign up Flow to their existing apps using Firebase Authentication
Javascript developers who want to learn how to build a complete Angular app with Material Components and Firebase integration
Angular Developers who want to learn how to store and get data from Firebase Firestore DB and Storage

In this course we’ll be building a complete Sign Up Application with Angular 16, Angular Material Components and Firebase Authentication.

It is a hands-on course where you’ll learn how to create Angular forms, use Angular Material Components and Firebase Authentication to build up a professional web app complete with Login and Sign up flows.

**Reviews**

Great course. Really good pacing and covered *almost all the topics I was hoping for. –Darren Y

This course was a good choice to consolidate some learnings and practices and hone in on some ways Angular/Fire can be used, as it explains some details that are not clear in their repository. Additionally, the course is concise and organized in a manner typical of simple development. –Pablo A. Torres R.

Like that it’s about Angular v16 – although at the time of writing the latest is v17.1

Also like the pedagogy so far –Peter L

What you’ll learn in this course:

Create Angular Reactive Forms for Login and Signup
Add Validations to Angular forms
Add suitable Angular Material Components for the best UI/UX
Integrate your Angular app with Firebase Authentication
Integrate your Angular app with Firestore DB + Storage
Add Reset Password functionality
Add Google Sign In button for easy sign up!

This course will use the latest Angular version 16 and techniques such as standalone components, the `inject` function and the new Angular Signals API – so you’ll be up to date with the latest way to create awesome Angular apps!

By the end of this course, you will have a solid idea of how to build full stack web application with Angular 16, Material components and the Firebase platform.

So come join me as we go on a journey to create an important part of any web application – its authentication process. I look forward to seeing you in the next lecture 🙂

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction to the course

Lecture 2: Overview of our final app!

Lecture 3: Modern Angular concepts used in this course

Lecture 4: Setting up an Angular 16 project

Lecture 5: Installing Angular Material in your project

Lecture 6: Adding Firebase and AngularFire to your project

Chapter 2: Building the Login with Password Flow

Lecture 1: Creating the Login Form Component

Lecture 2: Adding Validations to the Login Form

Lecture 3: Integrating the Login Form with Firebase Authentication

Lecture 4: Adding Logout Button with Angular Material Menu Component

Lecture 5: Adding the Loading Indicator using the Angular Material Progress Spinner

Lecture 6: Adding notifications with Angular Material Snackbar Component

Lecture 7: Handling Firebase errors gracefully!

Lecture 8: Where does Firebase Store the Login State?

Chapter 3: Building the Sign up with Password Flow

Lecture 1: Creating the Sign Up Form Component

Lecture 2: Adding Validations to the Sign Up Form

Lecture 3: Integrating the Sign Up Form with Firebase Authentication

Lecture 4: Adding Angular Route Guards: Why and how to add them?

Chapter 4: Storing User Data in Firestore DB and Firebase Storage

Lecture 1: Enabling Firestore DB and Storage

Lecture 2: Creating the Profile Form Component

Lecture 3: Creating the User Profile Document on Sign Up

Lecture 4: Getting the Current User's Data and Populating the Profile Form

Lecture 5: Updating the User Profile Data in Firestore DB

Lecture 6: Uploading Profile Photo with Firebase Storage

Lecture 7: Adding Security Rules to Protect User Data in Firebase

Chapter 5: Adding nice to have features to the app!

Lecture 1: Adding Reset Password Feature to your app

Lecture 2: Adding Google Social Login for Easy Sign In

Lecture 3: Handling Google Social Sign Up for New Users

Chapter 6: Deploying your app with Firebase Hosting

Lecture 1: Deploying the Sign Up App with Firebase Hosting

Instructors

Zoaib Khan
Senior Front-end Engineer | Instructor

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 14 votes
5 stars: 15 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu