Firebase Authentication masterclass with Angular

Implement User Authentication with Facebook, Twitter, Google, Github, Email/Password, Phone, and Anonymous.

4.35 (62 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Create an Angular App that showcases User Authentication

Implement User Authentication using social channels like Facebook, Twitter, GitHub, and Google

Build sign-in/sign-up experiences using pop-ups as well as redirects

Develop User Authentication using Phone Sign-in

Why take this course?

Learn to implement User Authentication using Facebook, Twitter, Google, Github, Email/Password, Phone, and Anonymous strategies using Firebase Authentication.

We'll start with understanding the Firebase Console. We'll then configure and enable several sign-in methods on Firebase Authentication Providers Section. We'll then implement User Authentication in our Angular App. Finally we'll refactor the code.

By the end of this course, you'll be able to implement User Authentication using social identity providers like Facebook, Google, Twitter, and GitHub. You'll also be able to implement User Authentication using Email/Password, Phone and Anonymous strategies.

Content

Introduction

Introduction and Course Overview

Introduction to Firebase

Creating a Firebase App on the Firebase Console

Setting up Firebase on an Angular App

Setting up Firebase SignIn Providers

Enabling Different Sign-in Providers

Enabling Email/Password Sign-in Provider

Enabling Google Sign-in Provider

Enabling Facebook Sign-in Provider

Enabling Twitter Sign-in Provider

Enabling GitHub Sign-in Provider

Enabling Anonymous Sign-in Provider

Enabling Phone Sign-in Provider

Implementing the Front-end

Implementing the Front-end - Section Overview - Adding Styles

Implementing the Template

Implementing Google Sign-in

Implementing Facebook, Twitter, and GitHub Sign-in

Implementing Anonymous Sign-in, User Details, and Sign Out

Implementing SignUp with Email/Password

Implementing Sign-in with Email/Password. Toggling between Sign-in and Sign-up

Implementing Phone Sign-in

Refactoring Code

Refactoring Code - Section Overview

Deferring Business Logic to a Service - Part 1

Deferring Business Logic to a Service - Part 2

Breaking the App Component into different Child Components - Part 1

Breaking the App Component into different Child Components - Part 2

Breaking the App Component into different Child Components - Part 3

Screenshots

Firebase Authentication masterclass with Angular - Screenshot_01

Firebase Authentication masterclass with Angular - Screenshot_02

Firebase Authentication masterclass with Angular - Screenshot_03

Firebase Authentication masterclass with Angular - Screenshot_04

Reviews

John

October 22, 2022

Need to update to import { AngularFireModule } from '@angular/fire'; Or people will have issues with your video.

Gregory

March 21, 2020

Hello everyone who reads this! Everything is clear and understandable. I would add to this course how to hide and show navbar if it's a real App. Thank U )

Umarani

March 27, 2019

Simple and Crisp. To the point explanation. Right Pace.... Developers like me who want tutorials with coding examples will like this course...

Sean

January 15, 2019

Too much time wasted watching the instructor type repetitive HTML. I wanted to see how firebase email verification works and how to handle errors back from firebase such as invalid login but this was left out of the course.

RHINDI

November 14, 2018

absolute beginner course, it would have been way better if unnecessary code and logic wasn't introduced like toggling between authentication options.

Charts

Price

Rating

Enrollment distribution

Firebase Authentication masterclass with Angular - Distribution chart