آموزش توسعه فول‌استک: React، .NET API و قابلیت‌های پیشرفته - آخرین آپدیت

سبد خرید Shopping Cart

• شناسه کاربر برای سبد خرید User ID for Shopping Cart

• راه‌اندازی Query و Mutation سبد خرید Set Up Shopping Cart Query and Mutation

• افزودن به سبد خرید در عمل Add to Cart in Action

• تمرین ۲۰: افزودن به سبد خرید در صفحه اصلی Assignment 20 - Add to Cart Homepage

• حل تمرین ۲۰: افزودن به سبد خرید در صفحه اصلی Assignment 20 Solution - Add to Cart Homepage

• افزودن Mini Loader به صفحه اصلی Add Mini Loader to Homepage

• کامپوننت Mini Loader Mini Loader Component

• لودر اصلی Main Loader

• لودر هنگام افزودن به سبد خرید در صفحه جزئیات Loader on Add to Cart in Details Page

• اینترفیس سبد خرید Shopping Cart Interface

• دریافت سبد خرید و ذخیره در Slice Get Shopping Cart and Store in Slice

• صفحه سبد خرید Shopping Cart Page

• خلاصه سبد خرید Shopping Cart Summary

• افزودن Reducerها به سبد خرید Slice Add Reducers to Shopping Cart Slice

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

• نمایش آیتم‌های متمایز در سبد خرید Show Distinct Items in Cart

• نمایش جزئیات تحویل Display Pickup Details

• متد کمکی کامپوننت Controller Controller Component Helper Method

• کامپوننت Loading Loading Component

احراز هویت و تعیین سطح دسترسی Authentication and Authorization

• رابط کاربری ورود و ثبت‌نام Login and Register UI

• نحوه کارکرد ورود و ثبت‌نام How Login and Register Will Work

• افزودن API احراز هویت Add Auth API

• Slice احراز هویت و رابط کاربری کاربر Authentication Slice and User Interface

• کامپوننت‌های Controller در ثبت‌نام Controller Components in Register

• اینترفیس پاسخ API Response API Interface

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

• فیلدهای ورود در Controller Controller Login Fields

• ورود در عمل Login in Action

• افزودن توکن به Local Storage Add Token to Local Storage

• رمزگشایی توکن JWT Decode JWT Token

• تغییر وضعیت دکمه ورود و خروج Toggle Login and Logout button

• ورود و خروج در عمل Login and Logout in Action

• باگ کوچک در احراز هویت Small Bug with Authentication

• اعلان‌های Toastify Toastify Notifications

• افزودن لودر هنگام ثبت‌نام Add Loader on Register

• افزودن کامپوننت‌های تست برای احراز هویت و سطح دسترسی Add Test Components for Authentication and Authorization

• احراز هویت با HOC Authentication with HOC

• تعیین سطح دسترسی با HOC Authorization with HOC

• فقط کاربران احراز هویت شده می‌توانند به سبد خرید اضافه کنند Only Authenticated User Can Add to Cart

• شناسه کاربر پویا Dynamic User ID

• پاکسازی کامپوننت‌های تست Cleanup Test Components

پرداخت‌ها Payments

• بارگذاری جزئیات کاربر وارد شده Load User Details of Logged-In User

• استرایپ (Stripe) و React Stripe and React

• ایجاد API پرداخت Create Payment API

• فراخوانی API پرداخت Calling Payment API

• استفاده از Location State Use Location State

• دموی کارت استرایپ Stripe Card Demo

• رابط کاربری خلاصه سفارش Order Summary UI

• اینترفیس‌های محلی Local Interfaces

• خلاصه سفارش پویا Dynamic Order Summary

• پردازش استرایپ Stripe Processing

• آبجکت موفقیت استرایپ Stripe success object

سفارش Order

• API سفارش Order API

• ایجاد آبجکت سفارش برای ثبت سفارش Create Order Object to Create Order

• ثبت سفارش Create Order

• منطق تایید سفارش Order Confirmed Logic

• صفحه تایید سفارش Order Confirmation Page

• دریافت اندپوینت‌های سفارش در API Get Order Endpoints in API

• رابط کاربری سفارشات من My Orders UI

• سفارشات من به صورت پویا Dynamic My Orders

• باگ در بخش سفارشات من Bug with My Orders

• ساخت کامپوننت جدید برای لیست سفارشات Make a New Component for Order List

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

• تمرین ۲۱: حل باگ داده‌ها Assignment 21 - Solve Data Bug

• مدیریت هدر سفارشات بر اساس نقش Manage Orders Header based on Role

• متد کمکی رنگ وضعیت Status Color Helper Method

• نمایش نشان (Badge) برای وضعیت سفارش Display Badge for Order Status

• دکمه بازگشت به سفارشات Back to Order Button

• دکمه‌های وضعیت بعدی Buttons for Next Status

• نشان وضعیت سفارش در لیست سفارشات Order Status Badge on Order List

• اندپوینت PUT در API سفارش Order API - PUT Endpoint

• بروزرسانی وضعیت سفارش Update Order Status

• شرایط دکمه‌های لغو و تکمیل Cancel and Completed Buttons Condition

• صفحه تمام سفارشات All Orders Page

آیتم‌های منو Menu Items

• ایجاد صفحه لیست آیتم‌های منو Create Menu Item List Page

• تمرین ۲۲: لیست آیتم‌های منوی پویا Assignment 22 - Dynamic Menu Item List

• رابط کاربری افزودن/ویرایش آیتم منو Menu Item Upsert UI

• کامپوننت‌های Controller آیتم منو Controller Components Menu Item

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

• Mutations مربوط به API آیتم منو Menu Item API Mutations

• ایجاد آیتم منو Create Menu Item

• طراحی بروزرسانی شده Update Designing

• بارگذاری آیتم منو برای ویرایش Load Menu Item to Update

• ویرایش آیتم منو Update Menu Item

• دراپ‌دان دسته‌بندی Category Dropdown

• باگ کوچک Small Bug

• حذف آیتم منو Delete Menu Item

• تمرین ۲۳: از بین رفتن داده‌ها هنگام رفرش Assignment 23 - Data Goes Away on Refresh

• تمرین ۲۳: حل باگ Assignment 23 - Bug Solution

رابط کاربری صفحه اصلی Home UI

• بنر Banner

• تغییر نام پوشه Renaming Folder

• ذخیره مقدار جستجو در Redux Store Search Value in Redux

• جستجو در بنر Search in Banner

• نمایش تمام دسته‌بندی‌ها برای فیلتر Show all Category for Filter

• فیلترهای دسته‌بندی در عمل Category Filters in Action

• مرتب‌سازی در عمل Sorting in Action

• صرف‌نظر از دریافت سبد خرید Skip Getting Shopping Cart

• اندپوینت‌های احراز هویت و سطح دسترسی Authentication and Authorization Endpoints

• استقرار (Deploy) روی Azure Deploy to Azure

صفحه‌بندی و جستجوی لیست سفارشات Pagination and Search Order List

• مقدمه Introduction

• افزودن جستجو به سفارشات در API Add Search to Orders in API

• افزودن صفحه‌بندی به سفارشات در API Add Pagination to Orders in API

• افزودن فیلترهای رابط کاربری Add UI Filters

• کامپوننت‌های Controller Controller Components

• فیلترهای محلی در عمل Local Filters in Action

• فیلترهای API در عمل API Filters in Action

• باگ کوچک Small Bug

• دریافت کل رکوردها Get Total Records

• صفحه‌بندی در عمل Pagination in Action

• اندازه صفحه در عمل Page Size in Action