Angular Firebase Authentication: Create Full Sign Up App

Focused View

Zoaib Khan

2:03:01

10 View

1. Getting Started

1.1 angular-firebase-auth.zip

1. Introduction to the course.mp4

00:47

2.1 Angular Signals Official Documentation.html

2.2 Angular Signals Simple Contacts App Video.html

2.3 Angular Standalone Components.html

2.4 My YouTube introduction to Standalone Components in Angular.html

2. Modern Angular concepts used in this course.mp4

02:25

3. Setting up an Angular 16 project.mp4

02:24

4. Installing Angular Material in your project.mp4

01:14

5. Adding Firebase and AngularFire to your project.mp4

03:55

2. Building the Login with Password Flow

1. Creating the Login Form Component.mp4

07:21

2. Adding Validations to the Login Form.mp4

04:48

3. Integrating the Login Form with Firebase Authentication.mp4

07:07

4. Adding Logout Button with Angular Material Menu Component.mp4

03:28

5. Adding the Loading Indicator using the Angular Material Progress Spinner.mp4

03:58

6. Adding notifications with Angular Material Snackbar Component.mp4

02:00

7. Handling Firebase errors gracefully!.mp4

05:03

3. Building the Sign up with Password Flow

1. Creating the Sign Up Form Component.mp4

03:59

2. Adding Validations to the Sign Up Form.mp4

05:05

3. Integrating the Sign Up Form with Firebase Authentication.mp4

05:40

4. Adding Angular Route Guards Why and how to add them.mp4

05:43

4. Storing User Data in Firestore DB and Firebase Storage

1. Enabling Firestore DB and Storage.mp4

03:04

2. Creating the Profile Form Component.mp4

05:02

3. Creating the User Profile Document on Sign Up.mp4

05:13

4. Getting the Current Users Data and Populating the Profile Form.mp4

06:01

5. Updating the User Profile Data in Firestore DB.mp4

03:26

6.1 image-placeholder.zip

6. Uploading Profile Photo with Firebase Storage.mp4

09:45

7. Adding Security Rules to Protect User Data in Firebase.mp4

06:25

5. Adding nice to have features to the app!

1. Adding Reset Password Feature to your app.mp4

07:34

2.1 google-sign-in.zip

2. Adding Google Social Login for Easy Sign In.mp4

05:48

3. Handling Google Social Sign Up for New Users.mp4

05:46

Description

Use Angular 16, Angular Material and Firebase Authentication, Firestore and Storage to create a complete Sign Up App!

What You'll 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 is this for?

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

What You Need to Know?

Basic knowledge of the Angular framework and Javascript is required

More details

Description
In this course we'll be building a complete Sign Up Application with Angular 16, Angular Material Components and Firebase Authentication.
It is an intermediate level, 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.

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 :)
Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

I’m a Top-rated Angular developer (Upwork) and consultant with a decade of experience in software development. More recently, my main area of focus has been on front-end development - especially with the Angular framework, HTML and CSS. I also teach Angular through my blog and my YouTube channel (@ZoaibKhan). My technical articles have been published in top Medium publications such as BetterProgramming, Javascript in Plain English et al. and viewed/liked by hundreds of thousands around the world - both beginners and experienced developers alike!EducationI graduated at the top of my class with a Bachelors degree in Computer Science from FAST-NUCES way back in 2010. I then went on to Imperial College, London, where I completed a MSc. Computing.Work ExperienceI started work with a top software house in my home country with several clients around the world - both individually and as part of large development teams. This gave me a chance to develop my technical and interpersonal skills along with providing value to my clients/company.A few years after, I left the company to pursue a self employed career as a freelance Angular developer and have since worked with clients all around the world - helping them develop real world, functional Angular apps - to help their businesses.Experience as InstructorA few years ago I started teaching Angular through technical articles at my blog and the response was awesome. In the course of that, my articles were published in high profile Medium publications such as BetterProgramming, Javascript in Plain English and others. In the past year alone, my blog has got ~100k clicks and ~1.7 million impressions as per organic traffic stats.Shortly after, I also started my own YouTube channel where I teach Angular with regular tutorials on the same - explaining complex topics for beginners and experienced developers. We've grown into a community of ~3000 subscribers and in the past year alone the channel videos have seen ~160k views and about 6000 hours of watch time.An overwhelming majority of my readers/viewers (esp beginners) appreciate the fact that I explain difficult concepts in easy to understand and clear language. It's always great to hear about your content helping others build awesome Angular apps, clear their concepts or get started with their first jobs!So join me as I take you on a learning journey with Angular on Udemy - with simple and complex courses for your needs. Thanks.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.