آموزش راهنمای کامل JAMstack و React E-Commerce

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

معرفی Introduction

• بررسی اجمالی دوره Course Overview

• معماری کاربردی تجارت الکترونیک E-Commerce Application Architecture

• JAMstack چیست؟ What is the JAMstack?

• JAMstack ما Our JAMstack

• بررسی اجمالی پروژه Project Overview

• نمای کلی پروژه قسمت 2 Project Overview Part 2

• راه اندازی محیط Environment Setup

• چگونه برای دریافت کمک How To Get Help

• فایل های پروژه و مخزن GitHub Project Files & GitHub Repository

CMS بدون سر: Strapi Headless CMS: Strapi

• بخش 2 مقدمه Section 2 Intro

• CMS سنتی در مقابل هدلس Traditional vs Headless CMS

• مهم -- STRAPI DOCS IMPORTANT -- STRAPI DOCS

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

• مهم - نسخه های بسته IMPORTANT - PACKAGE VERSIONS

• ایجاد یک پروژه Strapi Creating a Strapi Project

• نوع محتوا + مجموعه ها Content-Types + Collections

• مدل ها Models

• نقاط پایانی Endpoints

• نقش ها و مجوزها Roles and Permissions

• کنترل کننده ها Controllers

• سیاست های Policies

• خدمات Services

• وب هوک ها Webhooks

• معماری خرده فروشی MongoDB MongoDB Retail Architecture

• ایجاد انواع محتوای ما Creating Our Content-Types

• ایجاد مجموعه های ما Creating Our Collections

• رفع مهم IMPORTANT FIX

• ایجاد مجموعه های ما قسمت 2 Creating Our Collections Part 2

گتسبی و GraphQL Gatsby and GraphQL

• بخش 3 مقدمه Section 3 Intro

• GraphQL در مقابل REST GraphQL vs REST

• نمای کلی GraphQL GraphQL Overview

• طرحواره ها Schemas

• مولدهای سایت استاتیک Static Site Generators

• بررسی اجمالی گتسبی Gatsby Overview

• مهم - نسخه های بسته IMPORTANT - PACKAGE VERSIONS

• ایجاد یک پروژه گتسبی Creating A Gatsby Project

• ایجاد پروژه گتسبی قسمت 2 Creating A Gatsby Project Part 2

طرح‌بندی، سبک‌ها، قالب‌بندی و طراحی واکنش‌گرا Layout, Styles, Theming, and Responsive Design

• بخش 4 مقدمه Section 4 Intro

• Material-UI + تم پیش فرض Material-UI + The Default Theme

• ایجاد یک تم سفارشی Creating A Custom Theme

• ایجاد یک تم سفارشی قسمت 2 Creating A Custom Theme Part 2

• ایجاد یک تم سفارشی قسمت 3 Creating A Custom Theme Part 3

• ایجاد یک تم سفارشی قسمت 4 Creating A Custom Theme Part 4

• ایجاد هدر Creating A Header

• ایجاد هدر قسمت 2 Creating A Header Part 2

• ایجاد هدر قسمت 3 Creating A Header Part 3

• اضافه کردن فونت Adding Fonts

• سفارشی کردن اجزای Material-UI Customizing Material-UI Components

• سفارشی سازی اجزای Material-UI قسمت 2 Customizing Material-UI Components Part 2

• پرس و جو داده های Backend در گتسبی Querying Backend Data In Gatsby

• بررسی اجمالی طراحی پاسخگو Responsive Design Overview

• نمای کلی طراحی واکنشگرا قسمت 2 Responsive Design Overview Part 2

• طراحی واکنشگرا با Material-UI Responsive Design With Material-UI

• استفاده از طراحی واکنشگرا Using Responsive Design

• استفاده از طراحی واکنشگرا قسمت 2 Using Responsive Design Part 2

• ناوبری در گتسبی Navigation In Gatsby

• ناوبری در گتسبی قسمت 2 Navigation In Gatsby Part 2

• برگه فعال را تنظیم کنید Set The Active Tab

• قسمت 2 برگه فعال را تنظیم کنید Set The Active Tab Part 2

• نمای کلی سیستم شبکه Grid System Overview

• نمای کلی سیستم گرید قسمت 2 Grid System Overview Part 2

• ایجاد پاورقی Creating A Footer

• یک ظاهر طراحی شده به پاورقی Styling The Footer

• Footer Refactor Footer Refactor

• Footer Refactor قسمت 2 Footer Refactor Part 2

• بلوک قهرمان Hero Block

• بلوک محصولات تبلیغاتی Promotional Products Block

• چرخ فلک تبلیغاتی را ایجاد کنید Create Promo Carousel

• ساخت Promo Carousel Part 2 Create Promo Carousel Part 2

• ایجاد چرخ فلک تبلیغاتی قسمت 3 Create Promo Carousel Part 3

• بلوک محصولات ویژه Featured Products Block

• اسلاید محصول ویژه ایجاد کنید Create Featured Product Slide

• بخش 2 اسلاید محصول ویژه را ایجاد کنید Create Featured Product Slide Part 2

• ساخت اسلاید محصول ویژه قسمت 3 Create Featured Product Slide Part 3

• نمایش رتبه بندی ستاره Displaying A Star Rating

• نمایش رتبه بندی ستاره قسمت 2 Displaying A Star Rating Part 2

• دکمه های بازاریابی Marketing Buttons

• دکمه های بازاریابی قسمت 2 Marketing Buttons Part 2

• فراخوانی برای اقدام Call To Action

• طراحی واکنشگرا بلوک قهرمان Hero Block Responsive Design

• طراحی پاسخگو محصولات تبلیغاتی Promotional Products Responsive Design

• طراحی پاسخگو محصولات ویژه Featured Products Responsive Design

• طراحی پاسخگو دکمه های بازاریابی Marketing Buttons Responsive Design

• طراحی واکنشگرا Call To Action Call To Action Responsive Design

• با استفاده از شبیه ساز موبایل Using Mobile Simulator

• ساخت صفحه تماس Building A Contact Page

• طراحی صفحه تماس Styling The Contact Page

• حالت دادن به صفحه تماس قسمت 2 Styling The Contact Page Part 2

• آیکون های SVG قابل تنظیم Customizable SVG Icons

• تکمیل اطلاعات تماس Finishing Contact Info

• با استفاده از TextFields Using TextFields

• استفاده از فیلدهای متنی قسمت 2 Using Text Fields Part 2

• تزئینات ورودی Input Adornments

• اعتبار سنجی فرم Form Validation

• اعتباربخشی فرم قسمت 2 Form Validation Part 2

• اعتباربخشی فرم قسمت 3 Form Validation Part 3

• طراحی واکنشگرا صفحه تماس Contact Page Responsive Design

• بخش 2 طراحی واکنشگرا صفحه تماس Contact Page Responsive Design Part 2

• Refactor فرم تماس Contact Form Refactor

• فرم تماس Refactor قسمت 2 Contact Form Refactor Part 2

• اطلاعات تماس Refactor Contact Info Refactor

دسته ها، محصولات و آپولو Categories, Products, and Apollo

• بخش 5 مقدمه Section 5 Intro

• نمای کلی پرس و جوهای صفحه Page Queries Overview

• استفاده از پرس و جوهای صفحه Using Page Queries

• استفاده از پرس و جوهای صفحه قسمت 2 Using Page Queries Part 2

• نمای کلی نوار ابزار پویا Dynamic Toolbar Overview

• راه اندازی نوار ابزار پویا Starting The Dynamic Toolbar

• اضافه کردن دکمه های فیلتر/مرتب سازی Adding The Filter/Sort Buttons

• تغییر به مرتب سازی Switching To Sort

• جابجایی به مرتب سازی قسمت 2 Switching To Sort Part 2

• افزودن گزینه های فیلتر Adding Filter Options

• تغییر به فیلتر Switching To Filter

• تغییر به فیلتر قسمت 2 Switching To Filter Part 2

• FunctionContainer Clean Up FunctionContainer Clean Up

• افزودن توضیحات دسته Adding Category Description

• اضافه کردن دکمه Layout Adding Layout Button

• افزودن دکمه Layout قسمت 2 Adding Layout Button Part 2

• بسته بندی UI نوار ابزار پویا Dynamic Toolbar UI Wrap Up

• UI نوار ابزار پویا جمع بندی قسمت 2 Dynamic Toolbar UI Wrap Up Part 2

• دسته بندی محصولات درخواست صفحه Category Products Page Query

• شبکه فریم محصول Product Frame Grid

• شبکه فریم محصول 2 Product Frame Grid 2

• شبکه فریم محصول 3 Product Frame Grid 3

• نمای سریع شبکه ای Grid Quick View

• Grid Quick View Part 2 Grid Quick View Part 2

• اطلاعات نمایش سریع Quick View Info

• مشاهده سریع قیمت Quick View Price

• اندازه ها Sizes

• سایزها قسمت 2 Sizes Part 2

• انتخاب یک اندازه Selecting A Size

• نمونه ها Swatches

• انتخاب یک نمونه رنگی Selecting A Color Swatch

• دکمه افزودن به سبد خرید Add To Cart Button

• یک ظاهر طراحی دکمه افزودن به سبد خرید Styling Add To Cart Button

• استایل افزودن به سبد خرید دکمه قسمت 2 Styling Add To Cart Button Part 2

• لیست فریم محصول Product Frame List

• لیست فریم محصول 2 Product Frame List 2

• لیست فریم محصول ادامه دارد Product Frame List Continued

• لیست فریم محصول ادامه قسمت 2 Product Frame List Continued Part 2

• دکمه رفتن به بالا Go To Top Button

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

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

• پاکسازی صفحه فهرست محصولات Product List Page Clean Up

• پاکسازی صفحه فهرست محصولات قسمت 2 Product List Page Clean Up Part 2

• پاکسازی صفحه فهرست محصولات قسمت 3 Product List Page Clean Up Part 3

• رفع اشکال پیراهن Fixing Shirts Bug

• طراحی پاسخگو نوار ابزار پویا Dynamic Toolbar Responsive Design

• طراحی پاسخگو گرید نمای Grid View Responsive Design

• Grid View Design Responsive Part 2 Grid View Responsive Design Part 2

• طراحی ریسپانسیو نمایش لیست List View Responsive Design

• نهایی کردن طراحی واکنشگرا Finalizing Responsive Design

• انتخاب فیلترهای محصول Selecting Product Filters

• فیلتر کردن محصولات Filtering Products

• فیلتر کردن محصولات قسمت 2 Filtering Products Part 2

• رفع چند فیلتر Multiple Filters Fix

• رفع چند فیلتر قسمت 2 Multiple Filters Fix Part 2

• رفع چند فیلتر قسمت 3 Multiple Filters Fix Part 3

• معرفی useEffect useEffect Introduction

• رفع صفحه بندی Fixing Pagination

• توابع مرتب سازی Sort Functions

• توابع مرتب سازی قسمت 2 Sort Functions Part 2

• انتخاب گزینه مرتب سازی Selecting Sort Option

• مرتب سازی محصولات Sorting Products

• نمای کلی صفحه جزئیات محصول Product Detail Page Overview

• پرس و جو جزئیات محصول Product Detail Query

• تصاویر جزئیات محصول Product Detail Images

• ظرف اطلاعات محصول Product Info Container

• جزئیات و توضیحات محصول Product Details And Description

• جزئیات و توضیحات محصول قسمت 2 Product Details And Description Part 2

• اقدامات جزئیات محصول Product Detail Actions

• اقدامات جزئیات محصول قسمت 2 Product Detail Actions Part 2

• تصاویر محصول رفع پیراهن Product Images Shirts Fix

• تصاویر محصول اصلاح پیراهن قسمت 2 Product Images Shirts Fix Part 2

• رفع جزئیات محصول Tab Active Active Tab Product Detail Fix

• نمای کلی LocalStorage LocalStorage Overview

• محصولاتی که اخیراً مشاهده شده اند را ذخیره کنید Store Recently Viewed Products

• نمایش محصولات اخیراً مشاهده شده Display Recently Viewed Products

• نمایش محصولات اخیراً مشاهده شده قسمت 2 Display Recently Viewed Products Part 2

• تنظیمات ناوبری اخیراً مشاهده شده است Recently Viewed Navigation Setup

• پیمایش از طریق اخیراً مشاهده شده Scrolling Through Recently Viewed

• پیمایش در قسمت 2 که اخیراً مشاهده شده است Scrolling Through Recently Viewed Part 2

• طراحی پاسخگو جزئیات محصول Product Detail Responsive Design

• جزئیات محصول طراحی پاسخگو قسمت 2 Product Detail Responsive Design Part 2

• بررسی اجمالی آپولو Apollo Overview

• راه اندازی آپولو Apollo Setup

• پرس و جو موجودی زمان اجرا Run-Time Inventory Query

• نمایش موجودی زمان اجرا Display Run-Time Inventory

• اضافه کردن موجودی به لیست محصولات Adding Inventory To ProductList

• QtyButton را به موجودی وصل کنید Connect QtyButton To Inventory

• فقط رنگ های یک اندازه را نشان دهید Only Show Colors Of A Size

• فقط رنگ های یک اندازه را نشان دهید قسمت 2 Only Show Colors Of A Size Part 2

• رنگ های یک اندازه ثابت Colors Of A Size Fix

Authentication + React Context Authentication + React Context

• بخش 6 مقدمه Section 6 Intro

• مروری بر رابط کاربری احراز هویت Authentication UI Walkthrough

• Building AuthPortal Building AuthPortal

• صفحه ورود به ساختمان Building Login Page

• صفحه ورود به ساختمان قسمت 2 Building Login Page Part 2

• صفحه ورود به سبک Styling Login Page

• افزودن اعتبار سنجی ورود Adding Login Validation

• افزودن اعتبار سنجی ورود به سیستم قسمت 2 Adding Login Validation Part 2

• ساخت صفحه رمز فراموش شده Build Forgot Password Page

• ساخت صفحه ثبت نام Build Sign Up Page

• صفحه ثبت نام سبک Styling Sign Up Page

• ایمیل و رمز عبور قابل استفاده مجدد Reusable Email And Password

• ایمیل و رمز عبور قابل استفاده مجدد قسمت 2 Reusable Email And Password Part 2

• ثبت نام ساختمان تکمیل شد Building Sign Up Complete

• رفع فونت های گوگل Google Fonts Fix

• احراز هویت Strapi Strapi Authentication

• JSON Web Tokens JSON Web Tokens

• ثبت نام کاربر جدید Sign Up New User

• ثبت نام کاربر جدید قسمت 2 Sign Up New User Part 2

• ورود کاربران بازگشتی Login Returning Users

• React Context Overview React Context Overview

• React Context Structure Setup React Context Structure Setup

• با استفاده از React Context Using React Context

• استفاده از React Context Part 2 Using React Context Part 2

• مدیریت کاربر ذخیره شده Managing Stored User

• رسیدگی به انقضای توکن Handling Token Expiration

• بررسی اجمالی بازخورد کاربر User Feedback Overview

• در حال بارگذاری اسپینر Loading Spinner

• تنظیم زمینه بازخورد Feedback Context Setup

• استفاده از زمینه بازخورد Using Feedback Context

• استفاده از زمینه بازخورد قسمت 2 Using Feedback Context Part 2

• کاربر خروج از سیستم Logout User

• خروج از کاربر قسمت 2 Logout User Part 2

• کنترل رمز عبور را فراموش کرده اید Handle Forgot Password

• پیکربندی ایمیل Strapi Configuring Strapi Email

• پیکربندی ایمیل Strapi قسمت 2 Configuring Strapi Email Part 2

• بازنشانی فیلدهای رمز عبور Reset Password Fields

• بازنشانی فیلدهای رمز عبور قسمت 2 Reset Password Fields Part 2

• بازنشانی رمز عبور کاربر Reset User Password

• بازنشانی رمز عبور کاربر قسمت 2 Reset User Password Part 2

• setTimeout Gotcha setTimeout Gotcha

• جریان احراز هویت اجتماعی Social Auth Flow

• فیس بوک Auth Config Facebook Auth Config

• احراز هویت فیس بوک Facebook Authentication

• احراز هویت فیس بوک قسمت 2 Facebook Authentication Part 2

• Auth Design Responsive Auth Responsive Design

• Auth Design Responsive Part 2 Auth Responsive Design Part 2

• نمای کلی تنظیمات کاربر User Settings Overview

• ساخت پورتال تنظیمات Build Settings Portal

• معرفی اجزای متحرک Animating Components Intro

• قسمت 2 معرفی اجزای متحرک Animating Components Intro Part 2

• Animate SettingsPortal Animate SettingsPortal

• Animate SettingsPortal قسمت 2 Animate SettingsPortal Part 2

• Animate SettingsPortal قسمت 3 Animate SettingsPortal Part 3

• پس زمینه تکرار بهتر Better Repeating Background

• متحرک سازی بین تنظیمات Animate Between Settings

• انیمیشن بین تنظیمات قسمت 2 Animate Between Settings Part 2

• ایجاد تنظیمات کاربر Build User Settings

• یک ظاهر طراحی شده تنظیمات کاربر Styling User Settings

• حالت دادن به تنظیمات کاربر قسمت 2 Styling User Settings Part 2

• تغییر رنگ فیلد Change Field Color

• ایجاد تنظیمات پرداخت Build Payment Settings

• تنظیمات مکان را بسازید Build Location Settings

• Finish Settings UI Finish Settings UI

• Finish Settings UI Part 2 Finish Settings UI Part 2

• قلاب چرخه زندگی Strapi Strapi Lifecycle Hooks

• قلاب چرخه حیات استراپی قسمت 2 Strapi Lifecycle Hooks Part 2

• بارگذاری تنظیمات موجود Load Existing Settings

• بارگذاری تنظیمات موجود قسمت 2 Load Existing Settings Part 2

• تغییرات مسیر Track Changes

• پیگیری تغییرات قسمت 2 Track Changes Part 2

• حالت تنظیمات را ادغام کنید Consolidate Settings State

• کنترلرهای سفارشی Custom Controllers

• کنترلرهای سفارشی قسمت 2 Custom Controllers Part 2

• تنظیمات تغییر یافته را ذخیره کنید Save Changed Settings

• گفتگوی تایید Confirmation Dialog

• فیلدهای تایید Confirmation Fields

• فیلدهای تایید قسمت 2 Confirmation Fields Part 2

• رمز عبور کاربر را تغییر دهید Change User Password

• تغییر رمز عبور کاربر قسمت 2 Change User Password Part 2

• اعتبار سنجی تنظیمات Settings Validation

• بخش 2 اعتبار سنجی تنظیمات Settings Validation Part 2

• API کد پستی Zip Code API

• شهر را از کد پستی دریافت کنید Get City From Zip Code

• SettingsPortal طراحی پاسخگو SettingsPortal Responsive Design

• تنظیمات کاربر طراحی پاسخگو User Settings Responsive Design

• تنظیمات کاربر طراحی پاسخگو قسمت 2 User Settings Responsive Design Part 2

سبد خرید + پرداخت Cart + Checkout

• بخش 7 مقدمه Section 7 Intro

• نمای کلی طراحی سبد خرید Cart Design Overview

• اقدامات زمینه سبد خرید Cart Context Actions

• کاهش دهنده زمینه سبد خرید Cart Context Reducer

• Cart Context Reducer قسمت 2 Cart Context Reducer Part 2

• سبد خرید را وصل کنید Connect The Cart

• افزودن اقلام به سبد خرید Add Items To The Cart

• بازخورد سبد خرید Cart Feedback

• ایجاد صفحه سبد خرید Create Cart Page

• نمایش اقلام سبد خرید Display Cart Items

• نمایش اقلام سبد خرید قسمت 2 Display Cart Items Part 2

• اقلام سبد خرید یک ظاهر طراحی شده Styling Cart Items

• اقلام سبد خرید قسمت 2 Styling Cart Items Part 2

• دکمه Qty برای سبد خرید QtyButton For The Cart

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

• بررسی اجمالی طراحی پرداخت Checkout Design Overview

• ساخت CheckoutPortal Build CheckoutPortal

• CheckoutPortal Navigation CheckoutPortal Navigation

• CheckoutPortal Navigation قسمت 2 CheckoutPortal Navigation Part 2

• بررسی اطلاعات تماس Checkout Contact Info

• یک ظاهر طراحی اطلاعات تماس Styling Contact Info

• اطلاعات تماس استایل بخش 2 Styling Contact Info Part 2

• آدرس تسویه حساب Checkout Address

• گزینه های حمل و نقل را بررسی کنید Checkout Shipping Options

• گزینه های حمل و نقل سبک Styling Shipping Options

• روش های پرداخت پرداخت Checkout Payment Methods

• تأیید پرداخت Checkout Confirmation

• فیلدهای تایید Confirmation Fields

• فیلدهای تایید ادامه دارد Confirmation Fields Continued

• فیلدهای تأیید استایل Styling Confirmation Fields

• فیلدهای تأیید استایل قسمت 2 Styling Confirmation Fields Part 2

• دکمه تایید Confirmation Button

• اعتبارسنجی پرداخت Checkout Validation

• اطلاعات صورتحساب Billing Info

• مقادیر تأیید را متصل کنید Connect Confirmation Values

• حفظ اطلاعات صورتحساب Preserving Billing Info

• حفظ اطلاعات صورتحساب قسمت 2 Preserving Billing Info Part 2

• اعتبار سنجی اطلاعات صورتحساب Billing Info Validation

• اعتبار سنجی اطلاعات صورتحساب قسمت 2 Billing Info Validation Part 2

• تصحیح اعتبارسنجی صورتحساب Billing Validation Fix

• تایید اطلاعات صورتحساب Billing Info Confirmation

• تایید اطلاعات صورتحساب قسمت 2 Billing Info Confirmation Part 2

• ذخیره و حذف آیکون ها Save And Delete Icons

• ذخیره اطلاعات در پرداخت Save Info At Checkout

• حذف اطلاعات در پرداخت Delete Info At Checkout

• ایجاد سفارش نوع محتوای Create Order Content-Type

• ایجاد کنترل کننده سفارش Create Order Controller

• اعتبار سنجی سبد خرید سمت سرور Server-Side Cart Validation

• بخش 2 اعتبار سنجی سبد خرید سمت سرور Server-Side Cart Validation Part 2

• ثبت سفارش Place An Order

• قسمت 2 را سفارش دهید Place An Order Part 2

• سفارش بازخورد Order Feedback

• سفارش بازخورد قسمت 2 Order Feedback Part 2

• نمایش مورد انتظار بر اساس تاریخ Show Expected By Date

• نمایش شناسه سفارش Show Order ID

• نمایش شناسه سفارش قسمت 2 Show Order ID Part 2

• طراحی واکنشگرا سبد خرید Cart Responsive Design

• پرداخت طراحی واکنشگرا Checkout Responsive Design

• Checkout Design Responsive Part 2 Checkout Responsive Design Part 2

• Checkout Design Responsive Part 3 Checkout Responsive Design Part 3

پردازش پرداخت خطی Stripe Payment Processing

• بخش 8 مقدمه Section 8 Intro

• جریان پرداخت خطی Stripe Payment Flow

• راه اندازی حساب راه راه Stripe Account Setup

• بررسی اجمالی عناصر راه راه Stripe Elements Overview

• استفاده از عناصر راه راه Using Stripe Elements

• ورودی راه راه استایل Styling Stripe Input

• نمای کلی PaymentIntent API PaymentIntent API Overview

• شناسه مشتری Stripe ایجاد کنید Generate Stripe Customer ID

• راه اندازی PaymentIntent PaymentIntent Setup

• ایجاد PaymentIntent Generate PaymentIntent

• ایجاد PaymentIntent قسمت 2 Generate PaymentIntent Part 2

• پرداخت را تایید کنید Confirm Payment

• جلوگیری از نصب کارت Prevent Card Unmount

• اصلاحات رویکرد جدید New Approach Fixes

• نهایی کردن سفارش Finalize Order

• روش های پرداخت پس انداز Saving Payment Methods

• روش های پرداخت پس انداز قسمت 2 Saving Payment Methods Part 2

• رفع تنظیمات پرداخت Fix Payment Settings

• استفاده از روش های پرداخت ذخیره شده Using Saved Payment Methods

• استفاده از روش‌های پرداخت ذخیره شده قسمت 2 Using Saved Payment Methods Part 2

• کنترل کننده کارت را حذف کنید Remove Cards Controller

• حذف کارت های ذخیره شده Removing Saved Cards

• ارسال رسید ایمیل Sending Email Receipts

• ارسال رسیدهای ایمیل قسمت 2 Sending Email Receipts Part 2

• طراحی پاسخگوی پرداخت Payment Responsive Design

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

• نمای کلی شبکه داده Data Grid Overview

• ستون های شبکه داده Data Grid Columns

• ستون های شبکه داده قسمت 2 Data Grid Columns Part 2

• ردیف های شبکه داده Data Grid Rows

• ردیف های شبکه داده قسمت 2 Data Grid Rows Part 2

• یک ظاهر طراحی شده ردیف ها Styling Rows

• پیمایش تاریخچه سفارش Order History Navigation

• کشو جزئیات سفارش Order Details Drawer

• اطلاعات جزئیات سفارش Order Details Info

• اطلاعات جزئیات سفارش ادامه دارد Order Details Info Continued

• جزئیات سفارش قیمت ها Order Details Prices

• جزئیات سفارش اقلام Order Details Items

• تاریخچه سفارش طراحی پاسخگو Order History Responsive Design

• جزئیات سفارش طراحی پاسخگو Order Details Responsive Design

• جزئیات سفارش طراحی پاسخگو قسمت 2 Order Details Responsive Design Part 2

بررسی ها، موارد دلخواه و اشتراک ها Reviews, Favorites, and Subscriptions

• بخش 9 مقدمه Section 9 Intro

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

• UI بررسی ساخت Build Review UI

• UI بررسی ساخت ادامه دارد Build Review UI Continued

• رتبه بندی اثر شناور Rating Hover Effect

• Rating Hover Effect قسمت 2 Rating Hover Effect Part 2

• A Rating را انتخاب کنید Select A Rating

• بررسی کنترلرها Review Controllers

• میانگین امتیاز محصول Product Average Rating

• نظرات را بگذارید Leave Reviews

• نمایش نظرات Display Reviews

• نمایش نظرات قسمت 2 Display Reviews Part 2

• نمایش نظرات جدید Display New Reviews

• ویرایش رابط کاربری نظرات Edit Reviews UI

• ویرایش UI نظرات قسمت 2 Edit Reviews UI Part 2

• قابلیت ویرایش نظرات Edit Reviews Functionality

• حذف نظرات Delete Reviews

• حذف نظرات قسمت 2 Delete Reviews Part 2

• بررسی ها را صفحه بندی کنید Paginate Reviews

• اجزای سبک قابل استفاده مجدد Reusable Styled Components

• بررسی های ارتباطی Connect Reviews

• Connect Reviews قسمت 2 Connect Reviews Part 2

• محصولات مورد علاقه کاربر User Product Favorites

• کنترل کننده های مورد علاقه Favorites Controllers

• علاقه مندی ها را اضافه کن Add Favorites

• /me را سفارشی کنید Customize /me

• موارد دلخواه را حذف کنید Delete Favorites

• قسمت 2 موارد دلخواه را حذف کنید Delete Favorites Part 2

• موارد دلخواه قابل استفاده مجدد Reusable Favorites

• موارد دلخواه را متصل کنید Connect Favorites

• اصلاح نوع مورد علاقه Favorite Variant Fix

• ستون های مورد علاقه Favorites Columns

• جزئیات محصول مورد علاقه Favorited Product Details

• ردیف های مورد علاقه Favorites Rows

• اندازه ها و نمونه های مورد علاقه Favorites Sizes And Swatches

• مورد علاقه ها نوع انتخاب شده Favorites Selected Variant

• موارد دلخواه انتخاب شده ادامه دارد Favorites Selected Variant Continued

• رفع QtyButton Zero QtyButton Zero Fix

• DataGrid قابل استفاده مجدد Reusable DataGrid

• حذف مورد علاقه از لیست Delete Favorite From List

• بررسی اجمالی اشتراک ها Subscriptions Overview

• گفتگوی اشتراک Subscription Dialog

• مقدار اشتراک Subscription Quantity

• فرکانس اشتراک Subscription Frequency

• اضافه کردن اشتراک به سبد خرید Add Subscription To Cart

• دیالوگ طراحی پاسخگو Dialog Responsive Design

• رفع تسویه حساب Checkout Fix

• رابط کاربری سبد خرید اشتراک Subscription Cart UI

• کنترل کننده پرداخت اشتراک Subscription Checkout Controller

• اعتبار سنجی پرداخت اشتراک Subscription Payment Validation

• اعتبار سنجی پرداخت اشتراک قسمت 2 Subscription Payment Validation Part 2

• انتخاب فرکانس قابل استفاده مجدد Reusable Frequency Select

• فرکانس سبد خرید Subscription Cart Frequency

• نماد سبد خرید اشتراک Subscription Cart Icon

• تعویض سبد خرید اشتراک Subscription Cart Toggle

• برنامه ریزی وظایف با Strapi Schedule Tasks With Strapi

• شارژهای مکرر ایجاد کنید Make Recurring Charges

• ثبت سفارش اشتراک Place Subscription Order

• ثبت سفارش اشتراک قسمت 2 Place Subscription Order Part 2

• تاریخچه اشتراک Subscription History

• اشتراک ها را بازیابی کنید Retrieve Subscriptions

• ستون های اشتراک ها Subscriptions Columns

• ردیف های اشتراک Subscriptions Rows

• شکل دادن به ردیف های اشتراک ها Styling Subscriptions Rows

• طرح‌بندی ردیف‌های اشتراک‌ها ادامه دارد Styling Subscriptions Rows Continued

• طرح‌بندی ردیف‌های اشتراک‌ها به پایان رسید Styling Subscriptions Rows Finished

استقرار + سئو Deployment + SEO

• بخش 10 مقدمه Section 10 Intro

• رفع اشکال هزینه حمل و نقل Shipping Cost Bug Fix

• رفع اشکال سوئیچ صورتحساب Billing Switch Bug Fix

• رفع اشکال متفرقه Miscellaneous Bug Fixes

• اطلاعیه مهم صورتحساب IMPORTANT BILLING NOTICE

• راه اندازی آمازون AWS Amazon AWS Setup

• EC2 Instance را راه اندازی کنید Launch EC2 Instance

• سطل S3 ایجاد کنید Create S3 Bucket

• EC2 را پیکربندی کنید Configure EC2

• Git را پیکربندی کنید Configure Git

• پروژه را به GitHub فشار دهید Push Project To GitHub

• کلون پروژه به EC2 Clone Project To EC2

• PM2 را پیکربندی کنید Configure PM2

• Strapi GitHub Webhook Strapi GitHub Webhook

• دامنه سفارشی با NGINX Custom Domain with NGINX

• SSL را فعال کنید Enable SSL

• HTTP/2 و TLSv1.3 را فعال کنید Enable HTTP/2 & TLSv1.3

• استقرار Netlify Gatsby Netlify Gatsby Deployment

• خطای پنجره Netlify Netlify Window Error

• خطای پنجره Netlify قسمت 2 Netlify Window Error Part 2

• آپلود تصویر S3 S3 Image Upload

• خطای Netlify Rehydration Netlify Rehydration Error

• Netlify Rehydration Error قسمت 2 Netlify Rehydration Error Part 2

• خطاهای آبرسانی مجدد ادامه دارد Rehydration Errors Continued

• مدیریت فرم Netlify Netlify Form Handling

• Netlify دامنه سفارشی Netlify Custom Domain

• تولید ورود به فیس بوک Production Facebook Login

• بررسی اجمالی SEO SEO Overview

• بررسی اجمالی مؤلفه سئو SEO Component Overview

• بررسی اجمالی مؤلفه سئو قسمت 2 SEO Component Overview Part 2

• استفاده از کامپوننت سئو Using SEO Component

• پلاگین های سئو گتسبی Gatsby SEO Plugins

• نمای کلی بهینه سازی تصویر Image Optimization Overview

• بهینه سازی تصویر گتسبی Gatsby Image Optimization

• بهینه سازی تصویر گتسبی قسمت 2 Gatsby Image Optimization Part 2

• بهینه سازی تصویر گتسبی قسمت 3 Gatsby Image Optimization Part 3

• بعد چه می شود؟ What's Next?