Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Angular and Laravel Authentication and password reset.
Rating: 4.6 out of 5(575 ratings)
27,381 students

Angular and Laravel Authentication and password reset.

Use angluar to create SPA with Laravel and JWT.
Last updated 5/2018
English
English [Auto],

What you'll learn

  • How to use Angular with Laravel
  • How to create API in Laravel
  • Use JWT in laravel
  • Create a Single Page App (SPA)
  • SPA password reset on laravel

Course content

1 section16 lectures3h 20m total length
  • Introduction12:54

    Discover angular authentication with login, sign up, and password reset using JWT, observe token handling in local storage, and navigate a single-page app with live profile status.

  • Creating Components12:48

    Set up an Angular frontend with Bootstrap to integrate Laravel authentication, generate components for nav bar, login, sign-up, profile, and reset password, and wire up frontend to backend.

  • Configure JWT8:53

    Configure jwt for an angular and laravel authentication setup, implementing login, token generation, refresh, and logout. Define guards, routes, and a user model to secure the API.

  • Angular Routing7:23

    Learn to set up Angular routing, create a routing module, and configure routes for login, signup, and password reset. Use router outlets and router links to navigate between components.

  • Create Login15:51

    Create a login in an Angular and Laravel authentication setup by building a login form with email and password, enabling validation and ng-submit to post to the cors-enabled API.

  • Laravel CORS Solved12:53

    Learn to implement cross-origin resource sharing between Angular and Laravel by building a CORS middleware, configuring headers, and enabling secure login flows with email and password and preparation for sign-up.

  • Sign Up User with JWT16:53

    Learn how to implement sign up with JWT authentication in an Angular and Laravel app, including building the signup form, validating input, creating the user, and returning a token.

  • Refactor with Service6:38

    Refactor Angular authentication by creating a Jarvis service to manage signup and login http calls, inject it into components, and subscribe to responses.

  • Handle JWT token in FrontEnd13:08

    Learn to manage a jwt token in the angular frontend by building a token service that stores, retrieves, decodes the payload, and validates the token in local storage.

  • Redirect after Login13:31

    Explore implementing a private route for Angular authentication, redirecting to the profile page after login or signup by token check and updating a shared login status via a behavior subject.

  • Logout and Can Activate12:26

    Explains implementing logout, token handling, and route protection in an angular authentication flow, using canActivate guards for after-login and before-login scenarios to restrict access to profile.

  • Reset Password11:49

    Learn how to implement a reset password flow in an Angular and Laravel authentication system, including request password reset, sending email, and backend route setup.

  • Send Email for reset password11:07

    this lecture demonstrates a password reset flow in an angular and laravel authentication system, showing how the frontend posts the email and the backend sends a reset password email.

  • Send Token with Email17:26

    Generate a token, store it in the password_reset table, and send a password reset email, reusing existing tokens to prevent duplicates in Laravel.

  • Reset the Password13:07

    Explore implementing a secure reset password flow in Angular and Laravel authentication, including email validation, password confirmation, token handling, service-driven reset, and redirecting users to login.

  • Notify User using NG-Snotify13:46

    Implement user notifications for password reset using NG-Snotify, handling success and error responses with alerts and toasts to guide users through email validation and login flow.

Requirements

  • You must have basic knowledge of Laravel and Angular

Description

This course combines Angular and Laravel together to create a single SPA by using JWT for authentication.

In this course you will going to learn

  1. Use Angular with Laravel
  2. Use JWT on Laravel
  3. Create API on Laravel
  4. Reset Password without page refresh
  5. Login and Sign-Up in Single Page App (SPA)
  6. Use Ng-Snotify for notifications for user


This course will take your angular and laravel knowledge to next level.

Who this course is for:

  • Single Page Apps with Angular and Laravel as backend