آموزش با Django و React یک سیستم مدیریت یادگیری بسازید

سرفصل ها و درس ها

مقدمه ای بر ساخت سیستم مدیریت یادگیری با Django و React Introduction to Building a Learning Management System with Django and React

• معرفی و نسخه ی نمایشی کامل پروژه Introduction and Full Project DEMO

مواد درسی Course Materials

• *** حتما بخوانید (قبل از دانلود کد منبع) *** *** MUST READ (Before download source code) ***

• کد منبع و مواد دوره Source Code and Course Materials

راه اندازی پروژه جنگو Django Project Setup

• راه اندازی پروژه جنگو Django Project Setup

• با استفاده از Jazzmin Admin جنگو را سفارشی کنید Customize Django Admin using Jazzmin

• پیکربندی فایل های استاتیک، رسانه و قالب در جنگو Static, Media and Template Files Configurations In Django

سیستم احراز هویت با استفاده از چارچوب Django و Django Rest Authentication System using Django and Django Rest framework

• مدل کاربر و نمایه سفارشی در جنگو Custom User and Profile Model In Django

• تنظیم سیگنال جنگو برای ایجاد نمایه به صورت خودکار Django Signal Setup to Create Profile Automatically

• سریال سازهای جنگو چیست؟ What are Django Serializers

• تنظیمات JWT و JWT چیست؟ What is JWT and JWT Configurations

• Login Serializer در جنگو Login Serializer in Django

• ثبت نام SeriaIIzer و مشاهده Registration SeriaIIzer and View

• عملکرد تأیید ایمیل استراحت رمز عبور Password Rest Email Verification Function

• عملکرد نمای تغییر رمز عبور Password Change View Function

ویژگی های اساسی پروژه Basic Project Features

• متغیرهای محیطی در جنگو Environment Variables In Django

• سیستم ایمیل با استفاده از جنگو Email System using Django

• اسناد API با استفاده از DRF-YASG API Documentation using DRF-YASG

راه اندازی React.Js React.Js Setup

• React.Js Installations and Setup React.Js Installations and Setup

• فروشگاه Zustand در React.Js Zustand Store in React.Js

• درخواست های Axios را سفارشی کنید Customize Axios Requests

• توابع احراز هویت در React.Js Authentication Functions In React.Js

• داده های ثابت در React.Js Constant Data in React.Js

• رهگیری درخواست Axios با استفاده از React.Js Intercept Axios Request using React.Js

• MainWrapper در React.Js MainWrapper In React.Js

• مسیرهای خصوصی در React.js Private Routes In React.js

• واردات و نصب قالب Template Imports and Installations

سیستم احراز هویت با استفاده از React.Js Authentication System using React.Js

• ثبت سیستم در React.Js Register System In React.Js

• ورود به سیستم با استفاده از React.Js Login System using React.Js

• خروج از سیستم با استفاده از React.Js Logout System Using React.Js

• رمز عبور را با استفاده از React.Js فراموش کرده اید Forgot Password using React.Js

• با استفاده از React.Js رمز عبور ایجاد کنید Create Password using React.Js

ساختار مدل های دوره با استفاده از جنگو Restframework Course Models Structure using Django Restframework

• مدل های دوره، دسته و معلم در جنگو Course, Category and Teacher Models In Django

• مدل های مختلف و متغیر آیتم ها Variant and Variant Item Models

• مدل های پرسش و پاسخ Question and Answer Models

• مدل سبد خرید، سبد خرید و اقلام سفارش سبد خرید Cart, Cart Order and Cart Order Items Model

سریال سازها در Django Restframework Serializers In Django Restframework

• سریال سازی مدل ها در جنگو Serializing Models In Django

نماهای API دوره با استفاده از Django Restframework Course API Views using Django Restframework

• فهرست دوره و نمای API جزئیات Course List and Detail API View

• افزودن دوره به سبد خرید نمای API Add Course To Cart API View

• فهرست سبد خرید و نمایش API را حذف کنید Cart List and Delete API View

• مشاهده API آمار سبد خرید Cart Statistics API View

• نمای API سفارش دوره ایجاد کنید Create Course Order API View

• مشاهده API را بررسی کنید Checkout API View

• Coupon Apply API View Coupon Apply API View

پرداخت Stripe و PayPal با استفاده از Django Restframework Stripe and PayPal Payment using Django Restframework

• پرداخت Stripe در چارچوب Django Rest Stripe Payment In Django Rest framework

• توکن دسترسی پی پال در چارچوب Django Rest PayPal Access Token in Django Rest framework

• موفقیت در پرداخت در جنگو Payment Success In Django

اعلان ها و عملکرد جستجو با استفاده از چارچوب استراحت جنگو Notifications and Search Functionality using Django Rest Framework

• اعلان‌ها و جستجوی API View Notifications and Search API VIew

اجزای دوره React.js و مصرف کننده API React.js Course Components and Consuming APIs

• جزء لیست دوره در React.Js Course List Component In React.Js

• جزء جزئیات دوره در React.Js Course Detail Component In React.Js

• با استفاده از React.Js به سبد خرید اضافه کنید Add to cart using React.Js

• Cart-ID در React.Js Cart-ID in React.Js

• مکان کاربر در React.Js User Location In React.Js

• واکشی داده های کاربر با استفاده از JWT در React.Js Fetch User Data using JWT in React.Js

• هشدار شیرین در React.Js Sweet Alert In React.Js

• کامپوننت سبد خرید در React.Js Cart Component In React.Js

• سبد خرید حذف در React.Js Cart Item Delete In React.Js

• تعداد سبد خرید با استفاده از React UseContext Hook Cart Count using React UseContext Hook

• افزودن به سبد خرید از صفحه فهرست دوره Add to cart From Course List Page

• جمع آوری اطلاعات زیستی دانش آموزی Student Biodata Compiling

• با استفاده از React.Js سفارش ایجاد کنید Create Order using React.Js

• Checkout Component در react.js Checkout Component in react.js

• تابع اعمال کوپن در React.Js Coupon Apply Function In React.Js

پرداخت Stripe و PayPal با استفاده از React.Js Stripe and PayPal Payment Using React.Js

• پرداخت PayPal با استفاده از React.Js PayPal Payment using React.Js

• پرداخت Stripe با استفاده از React.Js Stripe Payment using React.Js

• موفقیت در پرداخت با استفاده از React.Js Payment Success using React.Js

جستجو و صفحه بندی با استفاده از React.Js Search and Pagination using React.Js

• جستجوی ویژگی دوره در React.Js Search Course Feature In React.Js

• صفحه بندی در React.Js Pagination In React.Js

مشاهده API دانشجویی با استفاده از Django Restframework Student API Views using Django Restframework

• Student Stats API API Student Stats API API

• نمای API لیست دوره های دانشجویی Student Course List API View

• نمای API جزئیات دوره دانشجویی Student Course Detail API View

• Completed Lessons View API Completed Lessons API View

• نمای API رمز عبور را تغییر دهید Change Password API VIew

• 69. توجه داشته باشید Create API View 69. Note Create API VIew

• مشاهده جزئیات API را یادداشت کنید Note Detail API View

• نمایش API رتبه‌بندی دوره Course Rating API View

• به نمای API جزئیات دوره امتیاز دهید Rate Course Detail API View

• مشاهده API List Note Note List API View

• لیست علاقه مندی ها و ایجاد نمای API Wishlist List and Create API View

• لیست پرسش و پاسخ و ایجاد نمای API Q&A List and Create API VIew

• مشاهده API پیام پرسش و پاسخ Question & Answer Message API VIew

داشبورد دانشجو در React.Js Student Dashboard In React.Js

• داشبورد دانشجو در React.Js Student Dashboard In React.Js

• دوره های ثبت نام شده را در React.Js جستجو کنید Search Enrolled Courses in React.Js

• جزء لیست دروس دانشجویی Student Course List Component

• جزء جزئیات دوره دانشجویی Student Course Detail Component

• ویدیوهای سخنرانی را با استفاده از React.Js پخش کنید Play Lecture Videos using React.Js

• علامت گذاری درس به عنوان تکمیل شده با استفاده از React.Js Mark Lesson as Completed using React.Js

• ایجاد تابع Note در React.Js Create Note Function in React.Js

• Note Component را در React.Js فهرست می کند Note Lists Component In React.Js

• به تابع ویرایش در React.Js توجه کنید Note Edit Function In React.Js

• توجه داشته باشید Delete Function در React.Js Note Delete Function In React.Js

• با استفاده از React.Js سوال جدید بپرسید Ask New Question using React.Js

• لیست سوالات و پاسخ ها در React.Js List Questions & Answers In React.Js

• با استفاده از React.Js پیام ارسال کنید Send Message using React.Js

• جستجوی سوال با استفاده از React.Js Search Question using React.Js

• با استفاده از React.Js ایجاد و به‌روزرسانی را مرور کنید Review create and update using React.Js

• Wishlist Component در React.Js Wishlist Component In React.Js

• افزودن و حذف لیست علاقه مندی ها Add and Remove Wishlist

• کامپوننت ویرایش نمایه دانشجو در React.Js Student Profile Edit Component In React.Js

• به روز رسانی نمایه با استفاده از useContext در React.Js Profile Update using useContext in React.Js

• تغییر رمز عبور با استفاده از React.Js Change Password Using React.Js

داشبورد معلم Teacher Dashboard

• نمای API خلاصه معلم Teacher Summary API View

• مشاهده API لیست دوره معلمان Teacher Course List API View

• درآمد ماهانه، دوره های پرفروش، لیست سفارشات دوره و پاسخ به سوالات Months Earning, Best Selling Courses, Course Orders List and Question Answer

• نمایش API کوپن و اعلان‌ها Coupon and Notifications API View

• دوره ایجاد نمای API Course Create API View

• نمایش API به روز رسانی دوره Course Update API View

• حذف نوع، حذف آیتم متغیر و نمای API جزئیات دوره Variant Delete, Variant Item Delete and Course Detail API View

• بررسی لیست و جزییات در React.Js Review List and Detail Component in React.Js

• با استفاده از React.Js به نظرات پاسخ دهید Reply Reviews using React.Js

• مرور فیلتر با استفاده از React.Js Review Filter using React.Js

• 108. Student کامپوننت ها را در React.Js لیست می کند 108. Student Lists Components in React.Js

• کسب درآمد در React.Js Earning Component In React.Js

• کامپوننت سفارشات مربی Instructor Orders Component

• لیست کوپن، ایجاد و حذف با استفاده از react.js Coupon List, Create and delete using react.js

• لیست اعلان و علامت گذاری به عنوان دیده می شود Notification List and Mark As Seen

• لیست پرسش و پاسخ معلم و چت Teacher Question & Answer List and Chat

• به روز رسانی پروفایل معلم Teacher Profile Update

• دوره ایجاد کامپوننت در React.Js Course Create Component In React.Js

• ویرایش دوره با استفاده از React.Js Course Edit Using React.Js