Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Firebase Authentication & Security Complete Guide
Rating: 4.4 out of 5(77 ratings)
702 students

Firebase Authentication & Security Complete Guide

Authenticate users with email, Google, Facebook, Twitter and Github. Learn Authorization by building a "To do list" app
Created byEric Wallen
Last updated 11/2019
English

What you'll learn

  • Authentication with email and password
  • OAuth Authentication - Google, Facebook, Twitter, Github
  • Uploading profile images
  • User ability to delete account
  • To do list application that demonstrates Authorization
  • Hosting
  • JavaScript & ECMAScript

Course content

3 sections • 23 lectures • 5h 16m total length

  • Initial User Interface1:28
  • Pop up Modal23:35
  • Email & password forms + Toggling between them39:46
  • Add Firebase2:59
  • Authentication state6:39

    Set up a Firebase authentication state listener using the off method, track a global user ID on state changes, and show or hide the modal based on sign-in status.

  • Email & password authentication18:27
  • User dashboard15:13

    Learn to build a user dashboard with sign-in state handling, show/hide elements based on authentication, display the user’s name, and style a grid-based layout.

  • Sign out2:28

    Create a sign out button in the account dashboard, use off class and off attribute, and wire an arrow-function signOut call with the authentication actions listener to invoke sign out.

  • Handling error and success messages15:00
  • Loading visual cue15:45
  • Verification email17:54
  • Initial deployment6:11
  • Prepare for OAuth methods11:16

    Add OAuth providers icons and markup for Google, Facebook, and Twitter, then style a four-column grid to support sign-in with these providers in the Firebase Authentication UI.

  • Google OAuth5:52

    Enable google sign-in in the firebase dashboard and implement sign in with google using a google provider and popup. Deploy and test on the live site, handling errors.

  • Facebook OAuth5:51
  • Twitter OAuth6:21

    Enable Twitter sign-in in the Firebase console, create a Twitter app, obtain the api key and secret, and configure the callback URL for oauth authentication.

  • Github OAuth4:15

    Enable github authentication in firebase by configuring the github app with the callback url and client id, then deploy and test the github login with existing providers.

  • Delete account34:20
  • Profile image49:12

Requirements

  • Intermediate JavaScript Knowledge

Description

Authentication, the ability to create users and sign in to a website, can be tricky to set up. This course is designed to simplify the process and walk you through how to do it step by step.

Learn how to authenticate users with email, Google, Facebook, Twitter, and Github. Users will also be able to reset their passwords or delete their accounts.

After authenticating we will build a "to-do list" application that demonstrates how to store data related to the user. This is commonly referred to as authorization. In this app, the user will be able to save tasks for themselves and also view or mark them as complete.

While learning authentication we also extend the app so you end up getting experience with a lot of the Firebase services. For instance, this course uses Firebase Storage for profile uploading, the Realtime Database for to-do list items and Firebase Hosting for a fully deployed live site.

Firebase is hands down the fastest way to create full-stack applications in 2019. Firebase is a suite of cloud services backed by Google that allows you to launch applications extremely quickly. Because it's a BaaS (Backend as a Service) you get all the benefits of a backend without the complications of setting one up. Firebase's services are 100% free until you reach a monthly data cap. It's meant to be enough for testing full-stack apps on the platform but it's enough to run your site live for FREE (if your app is in its beginning stages - upgrade if needed). This guide assumes you have some JavaScript knowledge but absolutely zero knowledge of Firebase.


Who this course is for:

  • Need your app or website to know who your users are? You need authentication. If you want a simple easy to use guide then this is the course for you.

Report abuse