Vue Authentication and Authorization

This course will teach you the main concepts and terms when it comes to authentication and authorization. It also helps you get setup with some of the main identity providers in the market, and secure your Vue application.
Course info
Level
Intermediate
Updated
Feb 11, 2021
Duration
2h 5m
Table of contents
Description
Course info
Level
Intermediate
Updated
Feb 11, 2021
Duration
2h 5m
Description

In this day and age, having a website is not as easy as it was a long time ago. Hackers are always on the hunt for unauthenticated web applications to steal information, deform a website to get ransom, and other malicious activities. In this course, Vue Authentication and Authorization, you'll gain the ability to secure your Vue applications using modern authentication methods. First, you’ll explore the basic concepts of authentication and authorization and topics such as OpenID Connect and OAuth 2.0. Next, you’ll discover how to add authentication to your Vue application using an identity provider, and then give access to what the user has access to using roles and scopes. Finally, you'll learn how to integrate your Vue application with Octa, Auth0 and Firebase which are some of the common providers in the market today. When you’re finished with this course, you'll have the skills and knowledge of authentication and authorization needed to secure your Vue applications and keep your user’s data safe, plus how to test your auth code.

About the author
About the author

Although it doesn’t look like it, Yas is an almond croissant addict cleverly disguised as a successful web developer. Since it was relatively clear early on that it would be slightly more than difficult to make a living sitting in a café eating a croissant and drinking a cappuccino, he’s focused his energy on the web, which happily has proven itself to be a wonderful decision.

More from the author
Web Performance for Progressive Web Apps
Intermediate
1h 52m
Sep 1, 2020
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, everyone. My name is Yas, and welcome to my latest course on Pluralsight, Vue Authentication and Authorization. In this day and age, having a website is not as easy as it was a decade ago. Hackers are always on the hunt for unauthenticated web applications to steal information, deform a website to get ransom money, or other malicious activities. So in this course, we will cover the concepts you need to know if you wanted to secure your Vue application. First we will see what is authentication and authorization, what's the difference between them, and a where you should use each of those? Next, we will cover modern concepts such as OAuth 2.0, OpenID Connect, and what role they play in securing an application which requires user information from another system but doesn't want to store user credentials locally. Once we've cleared those and are on the same page, we then go on a journey and cover a whole heaps of topics which are required for you to be able to have a secure and responsible application. Starting from how to implement login and sign‑up flows, continuing with using roles and permissions to grant or deny access, how to create route cards for your routes and centrally managed access to your pages, to how to secure your back‑end APIs using a JWT token, are just a few of the items covered in this course. The most interesting part of the course is when we integrate our application with the top three identity providers in the market, Microsoft Azure Active Directory, Auth0, and Okta. And to finish on a high note, we will cover how to test your authenticated application using Vue testing tools and Playwright. By the end of this course, you should be familiar with modern authentication and authorization concepts and be able to implement these in your Vue application with confidence. However, there are a few requirements before starting this course. You need to have a basic understanding of web development, have worked with Vue.js, have developed or worked with REST APIs to send and receive information from your back‑end servers. You also need to have a code editor handy. I've used VS Code, but feel free to use any other tool that you might have. You also need to have Node.js installed globally along with yarn or npm for package management. I'm so excited to have you here and hope this course helps make your application secure and your users happy.