آموزش ایجاد فروشگاه اینترنتی با Django و React - آخرین آپدیت

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

Introduction-فصل-1-مقدمه Introduction

• Introduction-ویدیو-1-1-مقدمه Introduction

• FULL PROJECT DEMO-ویدیو-1-2-نمایش کامل پروژه FULL PROJECT DEMO

• Goal Of Course-ویدیو-1-3-هدف دوره Goal Of Course

• Tools Needed-ویدیو-1-4-ابزارهای مورد نیاز Tools Needed

• Meet Your Instructor-ویدیو-1-5-آشنایی با مدرس Meet Your Instructor

Course Files and Materials | Downloadable ZIP Files-فصل-2-فایل‌ها و مواد دوره | فایل‌های ZIP قابل دانلود Course Files and Materials | Downloadable ZIP Files

• Full Source Code, Frontend Templates, PDFs and Project Files | Zip Files-ویدیو-2-1-کد منبع کامل، قالب‌های فرانت‌اند، فایل‌های PDF و فایل‌های پروژه | فایل‌های Zip Full Source Code, Frontend Templates, PDFs and Project Files | Zip Files

Setup Django Project Workspace-فصل-3-راه اندازی فضای کاری پروژه Django Setup Django Project Workspace

• Django Project Setup-ویدیو-3-1-راه اندازی پروژه Django Django Project Setup

• Custom Django Admin using Jazzmin Package-ویدیو-3-2-مدیریت سفارشی Django با استفاده از بسته Jazzmin Custom Django Admin using Jazzmin Package

• Static and Media Files Configuration-ویدیو-3-3-پیکربندی فایل‌های استاتیک و رسانه Static and Media Files Configuration

Setup React Project Workspace-فصل-4-راه اندازی فضای کاری پروژه React Setup React Project Workspace

• What is React?-ویدیو-4-1-React چیست؟ What is React?

• React Project Setup-ویدیو-4-2-راه اندازی پروژه React React Project Setup

Django User & Profile Model AND Signals In Django-فصل-5-مدل کاربر و پروفایل Django و سیگنال‌ها در Django Django User & Profile Model AND Signals In Django

• Custom User and Profile Model-ویدیو-5-1-مدل سفارشی کاربر و پروفایل Custom User and Profile Model

• Signals In Django-ویدیو-5-2-سیگنال‌ها در Django Signals In Django

• Configure Django Admin-ویدیو-5-3-پیکربندی مدیریت Django Configure Django Admin

• User and Profile Serializer In Django-ویدیو-5-4-سریال‌ساز کاربر و پروفایل در Django User and Profile Serializer In Django

Authentication System using JSON Web Token (JWT)-فصل-6-سیستم احراز هویت با استفاده از JSON Web Token (JWT) Authentication System using JSON Web Token (JWT)

• What is JWT?-ویدیو-6-1-JWT چیست؟ What is JWT?

• Login Serializer using JWT-ویدیو-6-2-سریال‌ساز ورود با استفاده از JWT Login Serializer using JWT

• Registeration Serializer-ویدیو-6-3-سریال‌ساز ثبت نام Registeration Serializer

• TokenObtainPair API View (Login View)-ویدیو-6-4-API View دریافت جفت توکن (نمای ورود) TokenObtainPair API View (Login View)

• Register API View-ویدیو-6-5-API View ثبت نام Register API View

API Documentation-فصل-7-مستندات API API Documentation

• API Documentation Using DRF-YASG-ویدیو-7-1-مستندات API با استفاده از DRF-YASG API Documentation Using DRF-YASG

React Utility Functions-فصل-8-توابع کمکی React React Utility Functions

• Store In React using Zustand-ویدیو-8-1-ذخیره سازی در React با استفاده از Zustand Store In React using Zustand

• Axios in React-ویدیو-8-2-Axios در React Axios in React

• Authentication Function In React - Login, Logout, Register, TokenStorage e.t.c-ویدیو-8-3-تابع احراز هویت در React - ورود، خروج، ثبت نام، ذخیره سازی توکن و غیره Authentication Function In React - Login, Logout, Register, TokenStorage e.t.c

• Extending Axios Lifecycle-ویدیو-8-4-گسترش چرخه حیات Axios Extending Axios Lifecycle

• React.js Project Wrapper-ویدیو-8-5-پوشش پروژه React.js React.js Project Wrapper

• Private Routes Function In React.js-ویدیو-8-6-تابع مسیرهای خصوصی در React.js Private Routes Function In React.js

Authentication Components In React.js-فصل-9-کامپوننت‌های احراز هویت در React.js Authentication Components In React.js

• Login Component In React.js-ویدیو-9-1-کامپوننت ورود در React.js Login Component In React.js

• Register Component In React.js-ویدیو-9-2-کامپوننت ثبت نام در React.js Register Component In React.js

• Logout Component In React.js-ویدیو-9-3-کامپوننت خروج در React.js Logout Component In React.js

Password Reset in React.js and Django Rest Framework-فصل-10-بازیابی رمز عبور در React.js و Django Rest Framework Password Reset in React.js and Django Rest Framework

• Password Reset API View-ویدیو-10-1-API View بازیابی رمز عبور Password Reset API View

• Password Reset React.js Component-ویدیو-10-2-کامپوننت React.js بازیابی رمز عبور Password Reset React.js Component

• Password Change API View-ویدیو-10-3-API View تغییر رمز عبور Password Change API View

• Password Change Component in React.js and DRF-ویدیو-10-4-کامپوننت تغییر رمز عبور در React.js و DRF Password Change Component in React.js and DRF

Frontend Design and Template Installations In React.js-فصل-11-طراحی فرانت‌اند و نصب قالب‌ها در React.js Frontend Design and Template Installations In React.js

• Importing Frontend Template-ویدیو-11-1-وارد کردن قالب فرانت‌اند Importing Frontend Template

• Updating the Components using Bootstrap-ویدیو-11-2-به روز رسانی کامپوننت‌ها با استفاده از Bootstrap Updating the Components using Bootstrap

Store Models using Django-فصل-12-مدل‌های فروشگاه با استفاده از Django Store Models using Django

• Category, Product and Vendor Models-ویدیو-12-1-مدل‌های دسته بندی، محصول و فروشنده Category, Product and Vendor Models

• Gallery, Specs, Size & Color Models-ویدیو-12-2-مدل‌های گالری، مشخصات، اندازه و رنگ Gallery, Specs, Size & Color Models

• Cart, CartOrder & CartOrderItem Models-ویدیو-12-3-مدل‌های سبد خرید، سفارش سبد خرید و آیتم سفارش سبد خرید Cart, CartOrder & CartOrderItem Models

• Faqs, Reviews, Notifications, Coupons Models-ویدیو-12-4-مدل‌های سوالات متداول، نظرات، اعلان‌ها، کوپن‌ها Faqs, Reviews, Notifications, Coupons Models

Model Serializer In Django-فصل-13-سریال‌ساز مدل در Django Model Serializer In Django

• Serializing Store Models-ویدیو-13-1-سریال‌سازی مدل‌های فروشگاه Serializing Store Models

Product, Category and Product Detail List API VIew using Django Restframework-فصل-14-نمای API لیست محصول، دسته بندی و جزئیات محصول با استفاده از Django Restframework Product, Category and Product Detail List API VIew using Django Restframework

• Product & Category List API View-ویدیو-14-1-نمای API لیست محصول و دسته بندی Product & Category List API View

• Product Detail API View-ویدیو-14-2-نمای API جزئیات محصول Product Detail API View

Product List and Detail Component In React.js-فصل-15-کامپوننت لیست و جزئیات محصول در React.js Product List and Detail Component In React.js

• Product List Component in React.js-ویدیو-15-1-کامپوننت لیست محصول در React.js Product List Component in React.js

• Product Detail Component In React.js-ویدیو-15-2-کامپوننت جزئیات محصول در React.js Product Detail Component In React.js

Cart API View and Tax Models/Calculations-فصل-16-نمای API سبد خرید و مدل‌ها/محاسبات مالیات Cart API View and Tax Models/Calculations

• Cart API View (Part 1)-ویدیو-16-1-نمای API سبد خرید (قسمت 1) Cart API View (Part 1)

• Tax Calculation & Cart API Completion-ویدیو-16-2-محاسبه مالیات و تکمیل API سبد خرید Tax Calculation & Cart API Completion

Store Functions In React.js-فصل-17-توابع فروشگاه در React.js Store Functions In React.js

• Configure Size, Color and Qty Features-ویدیو-17-1-پیکربندی ویژگی‌های اندازه، رنگ و تعداد Configure Size, Color and Qty Features

• Get User Country using React.js-ویدیو-17-2-دریافت کشور کاربر با استفاده از React.js Get User Country using React.js

• Get Users Information-ویدیو-17-3-دریافت اطلاعات کاربران Get Users Information

• Get Cart ID-ویدیو-17-4-دریافت شناسه سبد خرید Get Cart ID

Add To Cart Using React.js-فصل-18-افزودن به سبد خرید با استفاده از React.js Add To Cart Using React.js

• Add To Cart using React.js-ویدیو-18-1-افزودن به سبد خرید با استفاده از React.js Add To Cart using React.js

• Product Variation In Product List-ویدیو-18-2-تنوع محصول در لیست محصول Product Variation In Product List

• Send Data to Cart API from React.js-ویدیو-18-3-ارسال داده به API سبد خرید از React.js Send Data to Cart API from React.js

Alerts In React using SweetAlerts-فصل-19-هشدارها در React با استفاده از SweetAlerts Alerts In React using SweetAlerts

• Alerts In React.js-ویدیو-19-1-هشدارها در React.js Alerts In React.js

Conditionals Rendering In React.js-فصل-20-رندرینگ شرطی در React.js Conditionals Rendering In React.js

• Store Header Links Conditional Rendering-ویدیو-20-1-رندرینگ شرطی لینک‌های هدر فروشگاه Store Header Links Conditional Rendering

Cart API view and Components using React.js and Django Restframework-فصل-21-نمای API سبد خرید و کامپوننت‌ها با استفاده از React.js و Django Restframework Cart API view and Components using React.js and Django Restframework

• Creating the cart component-ویدیو-21-1-ایجاد کامپوننت سبد خرید Creating the cart component

• Cart List API View-ویدیو-21-2-نمای API لیست سبد خرید Cart List API View

• Fetch Cart Item From API-ویدیو-21-3-دریافت آیتم سبد خرید از API Fetch Cart Item From API

• Cart Totals and Stats API View-ویدیو-21-4-نمای API مجموع و آمار سبد خرید Cart Totals and Stats API View

• Cart Total in React Component-ویدیو-21-5-مجموع سبد خرید در کامپوننت React Cart Total in React Component

• Update Cart Quantity In React.js-ویدیو-21-6-به روز رسانی مقدار سبد خرید در React.js Update Cart Quantity In React.js

• Update Cart using CartAPIView-ویدیو-21-7-به روز رسانی سبد خرید با استفاده از CartAPIView Update Cart using CartAPIView

• Cart Item Delete API View-ویدیو-21-8-نمای API حذف آیتم سبد خرید Cart Item Delete API View

• Cart Item Delete Function in React.js-ویدیو-21-9-تابع حذف آیتم سبد خرید در React.js Cart Item Delete Function in React.js

• Shipping Details using React.js-ویدیو-21-10-جزئیات حمل و نقل با استفاده از React.js Shipping Details using React.js

Create Order using React.js and Django Restframework-فصل-22-ایجاد سفارش با استفاده از React.js و Django Restframework Create Order using React.js and Django Restframework

• Create CartOrder API View-ویدیو-22-1-ایجاد نمای API سفارش سبد خرید Create CartOrder API View

• Create Order using React.js-ویدیو-22-2-ایجاد سفارش با استفاده از React.js Create Order using React.js

Checkout API View and React Component-فصل-23-نمای API پرداخت و کامپوننت React Checkout API View and React Component

• Checkout API View-ویدیو-23-1-نمای API پرداخت Checkout API View

• Checkout Component In React.js-ویدیو-23-2-کامپوننت پرداخت در React.js Checkout Component In React.js

• Fetch Order API using React.js-ویدیو-23-3-دریافت API سفارش با استفاده از React.js Fetch Order API using React.js

Coupon Feature using Django Rest Framework and React-فصل-24-ویژگی کوپن با استفاده از Django Rest Framework و React Coupon Feature using Django Rest Framework and React

• Coupon List Create API View-ویدیو-24-1-نمای API ایجاد لیست کوپن Coupon List Create API View

• Apply and Activate Coupon Code-ویدیو-24-2-اعمال و فعال کردن کد کوپن Apply and Activate Coupon Code

STRIPE Payment Integrations Using DRF and React-فصل-25-ادغام پرداخت STRIPE با استفاده از DRF و React STRIPE Payment Integrations Using DRF and React

• Stripe Checkout API View-ویدیو-25-1-نمای API پرداخت Stripe Stripe Checkout API View

• Environment Variables in Django-ویدیو-25-2-متغیرهای محیطی در Django Environment Variables in Django

• Stripe Payment Using React.js-ویدیو-25-3-پرداخت Stripe با استفاده از React.js Stripe Payment Using React.js

• Payment Success and Verifications API-ویدیو-25-4-API موفقیت پرداخت و اعتبارسنجی ها Payment Success and Verifications API

• Stripe Payment Success Components In React.js-ویدیو-25-5-کامپوننت‌های موفقیت پرداخت Stripe در React.js Stripe Payment Success Components In React.js

• Stripe Payment Verification - React.js-ویدیو-25-6-اعتبارسنجی پرداخت Stripe - React.js Stripe Payment Verification - React.js

Notification & Email System-فصل-26-سیستم اعلان و ایمیل Notification & Email System

• Notification System-ویدیو-26-1-سیستم اعلان Notification System

• Email System-ویدیو-26-2-سیستم ایمیل Email System

PayPal Payment Integration using DRF and React.js-فصل-27-ادغام پرداخت PayPal با استفاده از DRF و React.js PayPal Payment Integration using DRF and React.js

• PayPal Payment Integrations-ویدیو-27-1-ادغام پرداخت PayPal PayPal Payment Integrations

• PayPal Access Token-ویدیو-27-2-توکن دسترسی PayPal PayPal Access Token

• PayPal Payment Verification-ویدیو-27-3-اعتبارسنجی پرداخت PayPal PayPal Payment Verification

Reviews and Rating System-فصل-28-سیستم نظرات و امتیازدهی Reviews and Rating System

• Reviews List API View-ویدیو-28-1-نمای API لیست نظرات Reviews List API View

• Create Review API-ویدیو-28-2-API ایجاد نظر Create Review API

• Fetch Reviews For Product-ویدیو-28-3-دریافت نظرات برای محصول Fetch Reviews For Product

• Create Review React Function-ویدیو-28-4-تابع React ایجاد نظر Create Review React Function

Search Functionality-فصل-29-قابلیت جستجو Search Functionality

• Search Products API View-ویدیو-29-1-نمای API جستجوی محصولات Search Products API View

• Search Function Using React.js-ویدیو-29-2-تابع جستجو با استفاده از React.js Search Function Using React.js

Cart Count Update - UseContext Hook in React.js-فصل-30-به روز رسانی تعداد سبد خرید - هوک UseContext در React.js Cart Count Update - UseContext Hook in React.js

• 85. Cart Count Update-ویدیو-30-1-85. به روز رسانی تعداد سبد خرید 85. Cart Count Update

Customer Dashboard-فصل-31-داشبورد مشتری Customer Dashboard

• Customer Order List and Detail API View-ویدیو-31-1-نمای API لیست و جزئیات سفارش مشتری Customer Order List and Detail API View

• Customer Account Component-ویدیو-31-2-کامپوننت حساب مشتری Customer Account Component

• Customer Profile API View-ویدیو-31-3-نمای API پروفایل مشتری Customer Profile API View

• Fetch User Profile Data-ویدیو-31-4-دریافت داده پروفایل کاربر Fetch User Profile Data

• Customer Order List Component-ویدیو-31-5-کامپوننت لیست سفارش مشتری Customer Order List Component

• Customer Order Stats-ویدیو-31-6-آمار سفارش مشتری Customer Order Stats

• Order Detail Component-ویدیو-31-7-کامپوننت جزئیات سفارش Order Detail Component

• Wishlist API View-ویدیو-31-8-نمای API لیست علاقه مندی‌ها Wishlist API View

• Wishlist Component In React.js-ویدیو-31-9-کامپوننت لیست علاقه مندی‌ها در React.js Wishlist Component In React.js

• Add To Wishlist Component-ویدیو-31-10-کامپوننت افزودن به لیست علاقه مندی‌ها Add To Wishlist Component

• Notification API View-ویدیو-31-11-نمای API اعلان Notification API View

• Notification Component In React.js-ویدیو-31-12-کامپوننت اعلان در React.js Notification Component In React.js

• Profile Update Component In React.js-ویدیو-31-13-کامپوننت به روز رسانی پروفایل در React.js Profile Update Component In React.js

• Invoice List and Details Component-ویدیو-31-14-کامپوننت لیست و جزئیات فاکتور Invoice List and Details Component

Vendor Dashboard-فصل-32-داشبورد فروشنده Vendor Dashboard

• Vendor Dashboard Component-ویدیو-32-1-کامپوننت داشبورد فروشنده Vendor Dashboard Component

• Dashboard Stats API View-ویدیو-32-2-نمای API آمار داشبورد Dashboard Stats API View

• Fetch Dashboard Stats In React Component-ویدیو-32-3-دریافت آمار داشبورد در کامپوننت React Fetch Dashboard Stats In React Component

• Chart API View for Orders and Products-ویدیو-32-4-نمای API نمودار برای سفارش‌ها و محصولات Chart API View for Orders and Products

• Chart.js In React-ویدیو-32-5-Chart.js در React Chart.js In React

• Product, Order and Revenue API View-ویدیو-32-6-نمای API محصول، سفارش و درآمد Product, Order and Revenue API View

• Earning, Monthly Earning, Reviews List and Detail API View-ویدیو-32-7-نمای API درآمد، درآمد ماهانه، لیست و جزئیات نظرات Earning, Monthly Earning, Reviews List and Detail API View

• Coupon List, Detail, Create and Stats API View-ویدیو-32-8-نمای API لیست، جزئیات، ایجاد و آمار کوپن Coupon List, Detail, Create and Stats API View

• Notification List, Summary, Mark as Seen API View-ویدیو-32-9-نمای API لیست، خلاصه، علامت گذاری به عنوان دیده شده اعلان Notification List, Summary, Mark as Seen API View

• Shop Fetch, Update API View-ویدیو-32-10-نمای API دریافت، به روز رسانی فروشگاه Shop Fetch, Update API View

• Vendor Product Component-ویدیو-32-11-کامپوننت محصول فروشنده Vendor Product Component

• Order List and Detail Component In React.js-ویدیو-32-12-کامپوننت لیست و جزئیات سفارش در React.js Order List and Detail Component In React.js

• 112. Earning Component In React.js-ویدیو-32-13-112. کامپوننت درآمد در React.js 112. Earning Component In React.js

• Reviews Component In React.js-ویدیو-32-14-کامپوننت نظرات در React.js Reviews Component In React.js

• Coupon Component In React.js-ویدیو-32-15-کامپوننت کوپن در React.js Coupon Component In React.js

• Delete Coupon Function using React.js-ویدیو-32-16-تابع حذف کوپن با استفاده از React.js Delete Coupon Function using React.js

• Coupon Create Function In React.js-ویدیو-32-17-تابع ایجاد کوپن در React.js Coupon Create Function In React.js

• Coupon Update Component-ویدیو-32-18-کامپوننت به روز رسانی کوپن Coupon Update Component

• Notification Component-ویدیو-32-19-کامپوننت اعلان Notification Component

• Vendor Profile Update-ویدیو-32-20-به روز رسانی پروفایل فروشنده Vendor Profile Update

• Shop Update Component-ویدیو-32-21-کامپوننت به روز رسانی فروشگاه Shop Update Component

• Vendor Shop Page-ویدیو-32-22-صفحه فروشگاه فروشنده Vendor Shop Page

Product Create, Update, Delete API View and React.js Functions.-فصل-33-ایجاد، به روز رسانی، حذف نمای API محصول و توابع React.js Product Create, Update, Delete API View and React.js Functions.

• Create Product Using React.js-ویدیو-33-1-ایجاد محصول با استفاده از React.js Create Product Using React.js

• Product Create In React.Js Part 2-ویدیو-33-2-ایجاد محصول در React.Js قسمت 2 Product Create In React.Js Part 2

• 124. Product Create API View using Django Resetframework-ویدیو-33-3-124. نمای API ایجاد محصول با استفاده از Django Resetframework 124. Product Create API View using Django Resetframework

• Consume Product Create API View using React.js-ویدیو-33-4-مصرف نمای API ایجاد محصول با استفاده از React.js Consume Product Create API View using React.js

• Product Update View and Component-ویدیو-33-5-نمای به روز رسانی محصول و کامپوننت Product Update View and Component

• Delete Product Function & API View-ویدیو-33-6-تابع حذف محصول و نمای API Delete Product Function & API View

Deployment and Hosting-فصل-34-استقرار و میزبانی Deployment and Hosting

• GIT & GitHub - Push Code to GitHub-ویدیو-34-1-GIT و GitHub - ارسال کد به GitHub GIT & GitHub - Push Code to GitHub

• AWS S3 Bucket - Hosting Static and Media Files-ویدیو-34-2-باکت AWS S3 - میزبانی فایل‌های استاتیک و رسانه AWS S3 Bucket - Hosting Static and Media Files

• Railway - Host Django API-ویدیو-34-3-Railway - میزبانی API Django Railway - Host Django API

• Postgres Database - Provision Database for the Project-ویدیو-34-4-پایگاه داده Postgres - تهیه پایگاه داده برای پروژه Postgres Database - Provision Database for the Project

• Netlify - Host React App using Netlify-ویدیو-34-5-Netlify - میزبانی برنامه React با استفاده از Netlify Netlify - Host React App using Netlify