Your cart is empty.
Keep shoppingAuthentication system with Vue3, Django and RestApi (Arabic)
106 students
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
Created bySohaib Alslamat
Last updated 1/2023
Arabic
What you'll 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
Explore related topics
Course content
4 sections • 25 lectures • 2h 41m total length
Requirements
- معرفة مسبقة بأساسيات إطار العمل Django
- معرفة مسبقة بأساسيات إطار العمل Vuejs
- معرفة بمفهوم Rest Api
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 this course is for:
- Web developer
- Full-stack developer
- Vuejs developer
- Django developer
- مطور الويب