AngularJS Authentication: Secure Your App with Auth0

Learn how to add JSON Web Token authentication to your AngularJS app
Rating: 4.5 out of 5 (1,949 ratings)
52,703 students
AngularJS Authentication: Secure Your App with Auth0
Rating: 4.5 out of 5 (1,949 ratings)
52,705 students
Secure AngularJS applications with JSON Web Tokens
Set up JWT middleware on a NodeJS (Express) app
Make authenticated HTTP requests from an AngularJS
Create a user profile area with their avatar
Redirect to a login route when the user becomes unauthenticated
Apply multi-factor authentication to add additional security
Login with social providers like Google and Twitter

Requirements

  • Basic HTML, CSS, and JavaScript
  • Basic AngularJS
  • General knowledge of single page applications
Description

Authentication for traditional web applications is fairly straight-forward: we send our credentials to the server, a session is created, and a cookie is returned to be saved in the browser. This method works well for round-trip applications, but it isn't a good way to do authentication in modern single page apps, like those built with AngularJS.

In this course we are going to learn about the challenges associated with traditional authentication and how to use what is arguably the best alternative: the JSON Web Token.

Using that knowledge, we'll implement authentication in an AngularJS app that makes calls to an Express API. We'll cover how to address all the challenges associated with keeping a single page application in check when it comes to stateless authentication. This can be a tricky matter since the front end and backend apps are effectively separated, but we'll find out how to leverage our user's JWT to address the challenges.

We'll use Auth0 as an identity and authentication server so that we don't have to roll our own.

Who this course is for:
  • AngularJS beginners to experts
  • NodeJS beginners
  • Web developers of all levels
Course content
5 sections • 15 lectures • 1h 45m total length
  • Hey there!
    00:59
  • Traditional Authentication
    03:42
  • The Tricky Parts of AngularJS Authentication
    04:53
  • JSON Web Tokens
    04:36
  • Signing Up for Auth0
    06:21
  • Setting Up the AngularJS App
    21:36
  • Setting Up Login
    14:35
  • Handling the Authentication Result
    07:05
  • Setting Up Logout
    05:56
  • Showing the User's Profile
    07:52
  • Setting up the API
    12:34
  • Sending Authenticated HTTP Requests
    08:12
  • Cleaning Up the App
    03:00
  • Enabling Multi-Factor Authentication
    03:06
  • Wrapping Up
    00:40

Instructor
Full-Stack Developer
Ryan Chenkie
  • 4.4 Instructor Rating
  • 5,968 Reviews
  • 95,833 Students
  • 3 Courses

Ryan is a full-stack JavaScript developer and works mostly with Angular and Node. He's a Google Developer Expert, Product Owner at Auth0, and also runs Angularcasts.io, a screencast site offering end-to-end Angular and JavaScript training.

When he's not coding, Ryan is hanging out with his wife, playing guitar, or nerding out about outer space.