Authentication system with Vue3, Django and RestApi (Arabic)

Full-stack authentication system by using Vue3, Vuetify3, Vuex and axios in frontend and Django and Rest Api in backend

Ratings 5.00 / 5.00
Authentication system with Vue3, Django and RestApi (Arabic)

What You Will Learn!

  • كيفية بناء نظام مصادقة شامل؛ تسجيل دخول، تسجيل حساب جديد، تسجيل خروج، تفعيل الحساب، نسيت كلمة السر،بالاضافة للعمليات الخاصة بالمستخدمين
  • Use Django Rest Framework to build APIs
  • Use Vue3, Vuetify3, Vuex and axios to build frontend application contains full authentication system
  • التعرف على نظام تسجيل الدخول المعتمد على الـ Token ونظام المصادقة JWT
  • Learn about two authentication systems: token based authentication and JWT authentication

Description

Build full authentication system by using:

FrontEnd: Vue3, Vuetify3, Vuex, Axios

BackEnd: Django, Rest framework, Djoser

-------------------------------------------------------


Back End - Road Map


1. Preparing the environment and creating a Django project

2. Add django rest framework to project

3. Make users as Apis to know how you can use django rest framework

4. Install djoser and add settings

5. First way: token based authentication

6. Second way: JWT authentication

7. Explain JWT system

8. Change default user model

9. Register new user

10. User activate and resend activation email

11. Get, delete and update the logged in user

12. More settings in Djoser



Front End - Road Map


1. Create new vuetify app and setup vue-router

2. Create login page and add axios settings

3. Send first request to get access token

4. Vuex setting and make store to store access token

5. Use local storage to store token and use it after refresh page

6. Use access token to fetch user and store it

7. Add logout functions and middleware

8. Make login an asynchronous function to react with user

9. Redirect the user to login page if he isn't logged in

10. Add some improvements to the login page

11. Create register page


----------------------------------------------------------

Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of web development, so you can focus on writing your app without needing to reinvent the wheel. It’s free and open source.


Vue is progressive javaScript framework an approachable, performant and versatile framework for building web user interfaces.

Who Should Attend!

  • Web developer
  • Full-stack developer
  • Vuejs developer
  • Django developer
  • مطور الويب

TAKE THIS COURSE

Tags

  • Django
  • Front End Web Development
  • Full Stack Web Development
  • Back End Web Development

Subscribers

106

Lectures

25

TAKE THIS COURSE



Related Courses