آموزش تجارت الکترونیک MERN از ابتدا [ویدئو]

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

معرفی Introduction

• به دوره خوش آمدید Welcome to the Course

• معرفی پروژه دوره Course Project Introduction

• مخزن کد دوره Course Code Repo

• راه اندازی Getting Set Up

راه اندازی Frontend Starting the Frontend

راه اندازی Frontend Starting the Frontend

• React Setup و Git Initialize React Setup and Git Initialize

• React Setup و Git Initialize React Setup and Git Initialize

• اجزای سرصفحه و پاورقی Header and Footer Components

• اجزای سرصفحه و پاورقی Header and Footer Components

• تم بوت استرپ سفارشی Custom Bootstrap Theme

• تم بوت استرپ سفارشی Custom Bootstrap Theme

• لیست محصولات List Products

• لیست محصولات List Products

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

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

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

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

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

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

ارائه و واکشی داده ها Serving and Fetching Data

ارائه و واکشی داده ها Serving and Fetching Data

• گردش کار کامل پشته و توضیح Full-Stack Workflow and Explanation

• گردش کار کامل پشته و توضیح Full-Stack Workflow and Explanation

• سرور اکسپرس و مسیرهای محصول اولیه Express Server and Initial Product Routes

• سرور اکسپرس و مسیرهای محصول اولیه Express Server and Initial Product Routes

• Nodemon و همزمان Nodemon and Concurrently

• Nodemon و همزمان Nodemon and Concurrently

• متغیرهای محیطی Environment Variables

• متغیرهای محیطی Environment Variables

• واکشی محصولات Fetch Products

• واکشی محصولات Fetch Products

راه اندازی MongoDB و Mongoose Starting MongoDB and Mongoose

راه اندازی MongoDB و Mongoose Starting MongoDB and Mongoose

• راه اندازی MongoDB Atlas MongoDB Atlas Setup

• راه اندازی MongoDB Atlas MongoDB Atlas Setup

• راه اندازی قطب نما MongoDB MongoDB Compass Setup

• راه اندازی قطب نما MongoDB MongoDB Compass Setup

• با Mongoose ارتباط برقرار کنید Connect with Mongoose

• با Mongoose ارتباط برقرار کنید Connect with Mongoose

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

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

• داده های نمونه را آماده کنید Prepare Sample Data

• داده های نمونه را آماده کنید Prepare Sample Data

• کاشت داده های نمونه Seeding Sample Data

• کاشت داده های نمونه Seeding Sample Data

• شروع کار با پستچی Getting Started with Postman

• شروع کار با پستچی Getting Started with Postman

• دریافت محصولات از پایگاه داده Get Products from Database

• دریافت محصولات از پایگاه داده Get Products from Database

• میان افزار خطای سفارشی Custom Error Middleware

• میان افزار خطای سفارشی Custom Error Middleware

• کنترل کننده محصول Product Controller

• کنترل کننده محصول Product Controller

Redux Toolkit Setup and State Management Redux Toolkit Setup and State Management

Redux Toolkit Setup and State Management Redux Toolkit Setup and State Management

• بررسی اجمالی Redux و State Redux and State Overview

• بررسی اجمالی Redux و State Redux and State Overview

• Redux Store و API Slice Redux Store and API Slice

• Redux Store و API Slice Redux Store and API Slice

• Products API Slice and Get Products Endpoint Products API Slice and Get Products Endpoint

• Products API Slice and Get Products Endpoint Products API Slice and Get Products Endpoint

• دریافت جزئیات محصول چالش نقطه پایانی Get Product Details Endpoint Challenge

• دریافت جزئیات محصول چالش نقطه پایانی Get Product Details Endpoint Challenge

• لودر و اجزای پیام Loader and Message Components

• لودر و اجزای پیام Loader and Message Components

عملکرد سبد خرید Shopping Cart Functionality

عملکرد سبد خرید Shopping Cart Functionality

• برش سبد خرید و کاهش دهنده Cart Slice and Reducer

• برش سبد خرید و کاهش دهنده Cart Slice and Reducer

• تابع افزودن به سبد خرید Add to Cart Function

• تابع افزودن به سبد خرید Add to Cart Function

• تعداد و اضافه کردن به سبد خرید Qty and Add to Cart Handler

• تعداد و اضافه کردن به سبد خرید Qty and Add to Cart Handler

• فایل ابزارهای سبد خرید Cart Utils File

• فایل ابزارهای سبد خرید Cart Utils File

• تعداد آیتم ها در سربرگ Item Count In Header

• تعداد آیتم ها در سربرگ Item Count In Header

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

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

• حذف از سبد خرید Remove from Cart

• حذف از سبد خرید Remove from Cart

احراز هویت Backend Backend Authentication

احراز هویت Backend Backend Authentication

• مسیرهای کاربر و کنترلر User Routes and Controller

• مسیرهای کاربر و کنترلر User Routes and Controller

• اعتبارسنجی ایمیل کاربر و رمز عبور User Email and Password Validation

• اعتبارسنجی ایمیل کاربر و رمز عبور User Email and Password Validation

• توکن های وب JSON چگونه کار می کنند؟ How Do JSON Web Tokens Work?

• توکن های وب JSON چگونه کار می کنند؟ How Do JSON Web Tokens Work?

• کوکی JWT HTTP-Only JWT HTTP-Only Cookie

• کوکی JWT HTTP-Only JWT HTTP-Only Cookie

• Auth Middleware و Endpoint Auth Middleware and Endpoint

• Auth Middleware و Endpoint Auth Middleware and Endpoint

• خروج از کاربر و پاک کردن کوکی Logout User and Clear Cookie

• خروج از کاربر و پاک کردن کوکی Logout User and Clear Cookie

• نقطه پایانی ثبت نام کاربر و رمزگذاری User Register Endpoint and Encryption

• نقطه پایانی ثبت نام کاربر و رمزگذاری User Register Endpoint and Encryption

• نقاط پایانی نمایه کاربر User Profile Endpoints

• نقاط پایانی نمایه کاربر User Profile Endpoints

احراز هویت Frontend Frontend Authentication

احراز هویت Frontend Frontend Authentication

• Auth و User API Slice Auth and User API Slice

• Auth و User API Slice Auth and User API Slice

• صفحه ورود Login Screen

• صفحه ورود Login Screen

• عملکرد ورود Login Functionality

• عملکرد ورود Login Functionality

• خروج کاربر User Logout

• خروج کاربر User Logout

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

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

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

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

• صفحه نمایش حمل و نقل Shipping Screen

• صفحه نمایش حمل و نقل Shipping Screen

• مسیرهای خصوصی Private Routes

• مسیرهای خصوصی Private Routes

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

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

• روش پرداخت Payment Method

• روش پرداخت Payment Method

• مسیرهای سفارش و کنترلر Order Routes and Controller

• مسیرهای سفارش و کنترلر Order Routes and Controller

• ایجاد و دریافت سفارشات Create and Get Orders

• ایجاد و دریافت سفارشات Create and Get Orders

• API Slice را سفارش دهید و صفحه سفارش را شروع کنید Order API Slice and Start Order Screen

• API Slice را سفارش دهید و صفحه سفارش را شروع کنید Order API Slice and Start Order Screen

• ایجاد یک سفارش Creating an Order

• ایجاد یک سفارش Creating an Order

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

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

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

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

• راه اندازی پی پال و سفارش پرداخت شده است PayPal Setup and Order Paid

• راه اندازی پی پال و سفارش پرداخت شده است PayPal Setup and Order Paid

• یکپارچه سازی React-PayPal React-PayPal Integration

• یکپارچه سازی React-PayPal React-PayPal Integration

• دکمه های پی پال PayPal Buttons

• دکمه های پی پال PayPal Buttons

• مشخصات کاربر و به روز رسانی User Profile and Update

• مشخصات کاربر و به روز رسانی User Profile and Update

• نمایش تاریخچه سفارش Display Order History

• نمایش تاریخچه سفارش Display Order History

عملکرد مدیریت Admin Functionality

عملکرد مدیریت Admin Functionality

• جزء مسیر مدیریت Admin Route Component

• جزء مسیر مدیریت Admin Route Component

• لیست سفارشات برای مدیر List Orders for Admin

• لیست سفارشات برای مدیر List Orders for Admin

• وضعیت سفارش تحویل Deliver Order Status

• وضعیت سفارش تحویل Deliver Order Status

• لیست محصولات برای مدیر List Products for Admin

• لیست محصولات برای مدیر List Products for Admin

• ایجاد محصولات Creating Products

• ایجاد محصولات Creating Products

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

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

• رفع اشکال محصول را به روز کنید Update Product Bug Fix

• رفع اشکال محصول را به روز کنید Update Product Bug Fix

• مولتر و نقطه پایانی آپلود تصویر Multer and Image Upload Endpoint

• مولتر و نقطه پایانی آپلود تصویر Multer and Image Upload Endpoint

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

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

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

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

• مسیرهای کاربر باطن Backend User Routes

• مسیرهای کاربر باطن Backend User Routes

• لیست کاربران برای مدیریت List Users for Admin

• لیست کاربران برای مدیریت List Users for Admin

• حذف کاربران Delete Users

• حذف کاربران Delete Users

• به روز رسانی کاربران Update Users

• به روز رسانی کاربران Update Users

نظرات، جستجو و موارد دیگر Reviews, Search, and More

نظرات، جستجو و موارد دیگر Reviews, Search, and More

• ایجاد نظرات - Backend Create Reviews - Backend

• ایجاد نظرات - Backend Create Reviews - Backend

• ایجاد نظرات - Frontend Create Reviews - Frontend

• ایجاد نظرات - Frontend Create Reviews - Frontend

• صفحه بندی محصولات Paginate Products

• صفحه بندی محصولات Paginate Products

• صفحه بندی کامپوننت Paginate Component

• صفحه بندی کامپوننت Paginate Component

• جستجوی محصولات Search Products

• جستجوی محصولات Search Products

• جزء جعبه جستجو Search Box Component

• جزء جعبه جستجو Search Box Component

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

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

• عنوان صفحه Page Titles

• عنوان صفحه Page Titles

اعزام به تولید Deploy to Production

اعزام به تولید Deploy to Production

• برای تولید آماده شود Prepare for Production

• برای تولید آماده شود Prepare for Production

• برای رندر مستقر کنید Deploy to Render

• برای رندر مستقر کنید Deploy to Render

• IP سرور را به MongoDB Atlas اضافه کنید Add Server IP to MongoDB Atlas

• IP سرور را به MongoDB Atlas اضافه کنید Add Server IP to MongoDB Atlas

• اضافه کردن یک دامنه سفارشی Adding a Custom Domain

• اضافه کردن یک دامنه سفارشی Adding a Custom Domain

• بسته شدن Wrap Up

• بسته شدن Wrap Up