آموزش جنگو با React | یک وب سایت تجارت الکترونیک

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

معرفی Introduction

• معرفی Introduction

• نسخه ی نمایشی و پیش نیازهای ProShop ProShop Demo & Prerequisites

• منابع و محیط زیست Resources & Environment

• پیامی از برد تراورسی A Message From Brad Traversy

شروع فرانت اند Starting The Front End

• React Setup React Setup

• Reach-Bootstrap Setup، Header & Footer Components Reach-Bootstrap Setup, Header & Footer Components

• فهرست محصولات صفحه اصلی HomeScreen Product Listing

• جزء رتبه بندی Rating Component

• پیاده سازی React Router Implementing React Router

• صفحه نمایش جزئیات محصول Product Details Screen

ارائه و واکشی داده ها از جنگو Serving & Fetching Data From Django

• گردش کار Frontend/Backend Frontend/Backend Workflow

• ساخت باطن Building The Backend

• واکشی داده ها Fetching Data

• راه اندازی پایگاه داده و پنل مدیریت Database Setup & Admin Panel

• مدل سازی داده های ما Modeling Our Data

• فیلد تصویر محصول Product Image Field

• فایل های استاتیک Static Files

• سریال سازی داده ها Serializing Data

اجرای Redux برای مدیریت دولتی Implementing Redux For State Management

• مروری بر Redux An Overview of Redux

• فروشگاه Redux را ایجاد کنید Create Redux Store

• فهرست محصولات کاهش دهنده و اقدام Product List Reducer & Action

• آوردن صفحه اصلی Redux Intro Bringing Redux Intro Home Screen

• کامپوننت پیام و لودر Message & Loader Component

• کاهش دهنده و اقدام جزئیات محصول Product Details Reducer & Action

افزودن به سبد خرید Adding To Shopping Cart

• تعداد را انتخاب کنید و به سبد خرید اضافه کنید Qty Select & Add To Cart

• سبد خرید و اکشن Cart Reducer & Action

• قابلیت افزودن به سبد خرید Add To Cart Functionality

• صفحه نمایش سبد خرید Cart Screen

• حذف موارد از سبد خرید Remove Items From Cart

احراز هویت کاربر Backend Backend User Authentication

• نمای کلی JSON Web Tokens JSON Web Tokens Overview

• بررسی اجمالی پستچی Postman Overview

• نصب و راه اندازی توکن وب JSON JSON Web Token Installation & Setup

• سفارشی سازی JWT JWT Customization

• سریال ساز کاربر User Serializer

• مسیرهای محافظت شده Protected Routes

• ثبت نام کاربر Register User

• ورود با ایمیل Login With Email

• پاکسازی نشانی وب و نماها URL's & Views Cleanup

احراز هویت کاربر جلویی Front End User Authentication

• کاهش دهنده ورود کاربر و اقدام User Login Reducer & Action

• صفحه ورود کاربر و عملکرد User Login Screen & Functionality

• کاربر در نوار ناوبری و خروج User In Navbar & Logout

• کاهش دهنده، اکشن و صفحه ثبت نام کاربر User Register Reducer, Action & Screen

• نقطه پایانی نمایه را به روز کنید Update Profile Endpoint

• صفحه نمایه و دریافت جزئیات کاربر Profile Screen & Get User Details

• به روز رسانی پروفایل کاربری Update User Profile

• جزئیات کاربر رفع اشکال User Details Bug Fix

فرآیند پرداخت (قسمت 1) Checkout Process (Part 1)

• صفحه نمایش حمل و نقل و آدرس ذخیره Shipping Screen & Save Address

• کامپوننت مراحل پرداخت Checkout Steps Component

• صفحه پرداخت و روش پرداخت ذخیره Payment Screen & Save Payment Method

• صفحه نمایش سفارش Place Order Screen

• سفارش مشاهده و URL Order View & URL

• ایجاد سفارش Create Order

فرآیند پرداخت (قسمت 2) Checkout Process (Part 2)

• دریافت سفارش با نقطه پایانی شناسه Get Order By Id Endpoint

• جزئیات سفارش کاهش دهنده و اقدام Order Details Reducer & Action

• صفحه سفارش Order Screen

• به روز رسانی به نقطه پایانی پولی Update To Paid Endpoint

• سفارش کاهش پرداخت و اقدام Order Pay Reducer & Action

• پرداخت های پی پال PayPal Payments

• سفارشات در صفحه پروفایل Orders In Profile Page

صفحه مدیریت (قسمت 1) Admin Screen (Part 1)

• کاهنده لیست کاربر، اکشن و صفحه نمایش User List Reducer, Action & Screen

• حذف کاربر ادمین Admin User Delete

• دریافت کاربر با شناسه و به‌روزرسانی نقاط پایانی کاربر Get User By ID & Update User Endpoints

• کاربر صفحه را ویرایش کنید و جزئیات کاربر را دریافت کنید User Edit Screen & Get User Details

• به روز رسانی عملکرد کاربر Update User Functionality

صفحه مدیریت (قسمت 2) Admin Screen (Part 2)

• لیست محصولات مدیریت Admin Product List

• حذف محصولات Delete Products

• نقاط پایانی محصولات را ایجاد و به روز کنید Create & Update Products Endpoints

• مدیر ایجاد محصول Admin Create Product

• صفحه ویرایش محصول Product Edit Screen

• ویرایش عملکرد محصول Edit Product Functionality

• آپلود تصویر محصول Product Image Upload

• لیست سفارشات ادمین Admin Order List

• علامت گذاری سفارش به عنوان تحویل Mark Order As Delivered

بررسی محصول، جستجو و موارد دیگر Product Reviews, Search & More

• نقطه پایانی مرور را ایجاد کنید Create Review Endpoint

• نظرات محصول Frontend Frontend Product Reviews

• جستجوی محصول Product Search

• صفحه بندی Pagination

• چرخ فلک محصول Product Carousel

آماده شدن برای استقرار، Postgres و اجرای زنده Getting Ready For Deployment, Postgres & Going Live

• ادغام فایل های React با پروژه جنگو Merging React Files With Django Project

• افزودن HashRouter Adding HashRouter

• تغییر به پایگاه داده Postgres Switching to Postgres Database

• افزودن تصاویر محصول به سطل AWS S3 Adding Product Images to AWS S3 Bucket

• استقرار به Heroku Deploying To Heroku

• اتصال یک نام دامنه سفارشی Connecting A Custom Domain Name