آموزش با Blazor WebAssembly در NET 6 یک وب سایت تجارت الکترونیک بسازید

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

معرفی Introduction

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

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

• دات نت و ویژوال استودیو را نصب کنید Install .NET & Visual Studio

• دات نت و ویژوال استودیو را نصب کنید Install .NET & Visual Studio

• مخزن GitHub GitHub Repository

• مخزن GitHub GitHub Repository

معرفی Introduction

پایه های کامل پشته - ساخت اسکلت پیاده روی Full Stack Foundations - Building a Walking Skeleton

• معرفی Introduction

• پروژه Blazor WebAssembly را ایجاد کنید Create the Blazor WebAssembly Project

• پروژه Blazor WebAssembly را ایجاد کنید Create the Blazor WebAssembly Project

• بررسی اجمالی راه حل Solution Overview

• بررسی اجمالی راه حل Solution Overview

• اشکال زدایی پروژه Debug the Project

• اشکال زدایی پروژه Debug the Project

• به گواهی Dev اعتماد کنید Trust the Dev Certificate

• به گواهی Dev اعتماد کنید Trust the Dev Certificate

• Hot Reload با دات نت 6 و ویژوال استودیو 2022 Hot Reload with .NET 6 & Visual Studio 2022

• مدل محصول را اضافه کنید Add the Product Model

• اولین جزء شما Your First Component

• اولین جزء شما Your First Component

• تصاویر نمایش داده نمی شوند؟ در اینجا دلیل آن است. Images don't show up? Here's why.

• جداسازی CSS CSS Isolation

• رفع بوت استرپ از دات نت 5/بوت استرپ 5 رفع CSS Fixing Bootstrap from .NET 5 / Bootstrap 5 CSS Fix

• رفع بوت استرپ از دات نت 5/بوت استرپ 5 رفع CSS Fixing Bootstrap from .NET 5 / Bootstrap 5 CSS Fix

• اولین کنترلر Web API شما Your First Web API Controller

• با وب API از مشتری تماس بگیرید Call the Web API from the Client

• با وب API از مشتری تماس بگیرید Call the Web API from the Client

• SwaggerUI را اضافه کنید Add SwaggerUI

• SQL Server را نصب کنید Install SQL Server

• ConnectionString را اضافه کنید Add the ConnectionString

• Entity Framework را نصب کنید Install Entity Framework

• Entity Framework را نصب کنید Install Entity Framework

• نصب بسته‌ها برای Entity Framework Core، Code-First Migration و SQL Server Install Packages for Entity Framework Core, Code-First Migration & SQL Server

• نصب بسته‌ها برای Entity Framework Core، Code-First Migration و SQL Server Install Packages for Entity Framework Core, Code-First Migration & SQL Server

• DataContext را اضافه کنید Add the DataContext

• DataContext را اضافه کنید Add the DataContext

• DbContext و پیکربندی SqlServer را ثبت کنید Register the DbContext & Configure SqlServer

• DbContext و پیکربندی SqlServer را ثبت کنید Register the DbContext & Configure SqlServer

• اولین مهاجرت شما با Entity Framework Core Your First Migration with Entity Framework Core

• اولین مهاجرت شما با Entity Framework Core Your First Migration with Entity Framework Core

• داده های بذر Seed Data

• داده های بذر Seed Data

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

• مخزن GitHub را ایجاد کنید Create the GitHub Repository

• مخزن GitHub را ایجاد کنید Create the GitHub Repository

• خلاصه Summary

پایه های کامل پشته - ساخت اسکلت پیاده روی Full Stack Foundations - Building a Walking Skeleton

• معرفی Introduction

• Hot Reload با دات نت 6 و ویژوال استودیو 2022 Hot Reload with .NET 6 & Visual Studio 2022

• مدل محصول را اضافه کنید Add the Product Model

• تصاویر نمایش داده نمی شوند؟ در اینجا دلیل آن است. Images don't show up? Here's why.

• جداسازی CSS CSS Isolation

• اولین کنترلر Web API شما Your First Web API Controller

• SwaggerUI را اضافه کنید Add SwaggerUI

• SQL Server را نصب کنید Install SQL Server

• ConnectionString را اضافه کنید Add the ConnectionString

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

• خلاصه Summary

افزودن و استفاده از بهترین روش ها Adding & Using Best Practices

• معرفی Introduction

• یک پاسخ سرویس با Generics پیاده سازی کنید Implement a Service Response with Generics

• یک پاسخ سرویس با Generics پیاده سازی کنید Implement a Service Response with Generics

• استفاده از خدمات با تزریق وابستگی Using Services with Dependency Injection

• استفاده از خدمات با تزریق وابستگی Using Services with Dependency Injection

• ProductService را به مشتری اضافه کنید Add the ProductService to the Client

• از ProductService در جزء ProductList استفاده کنید Use the ProductService in the ProductList Component

• خلاصه Summary

افزودن و استفاده از بهترین روش ها Adding & Using Best Practices

• معرفی Introduction

• ProductService را به مشتری اضافه کنید Add the ProductService to the Client

• از ProductService در جزء ProductList استفاده کنید Use the ProductService in the ProductList Component

• خلاصه Summary

همه چیز درباره محصولات است - Blazor WebAssembly در عمل It's all about Products - Blazor WebAssembly in Action

• معرفی Introduction

• نمایش جزئیات محصول با پارامترهای صفحه Show Product Details with Page Parameters

• نمایش جزئیات محصول با پارامترهای صفحه Show Product Details with Page Parameters

• یک محصول واحد را از سرور دریافت کنید Get a Single Product from the Server

• یک محصول واحد بر روی مشتری دریافت کنید Get a Single Product on the Client

• یک محصول واحد بر روی مشتری دریافت کنید Get a Single Product on the Client

• اصلاح کوچک CSS Little CSS Fix

• اصلاح کوچک CSS Little CSS Fix

• معرفی دسته بندی ها Introducing Categories

• معرفی دسته بندی ها Introducing Categories

• اضافه کردن دسته کاشت و مهاجرت Add Category Seeding & Migration

• اضافه کردن دسته کاشت و مهاجرت Add Category Seeding & Migration

• بذر محصولات بیشتر Seed More Products

• همه دسته ها را با یک سرویس و کنترلر جدید دریافت کنید Get all Categories with a new Service & Controller

• یک CategoryService به مشتری اضافه کنید Add a CategoryService on the Client

• نمایش دسته ها در NavMenu Display Categories in the NavMenu

• محصولات را بر اساس دسته از سرور دریافت کنید Get Products by Category from the Server

• محصولات را بر اساس دسته از سرور دریافت کنید Get Products by Category from the Server

• دریافت محصولات بر اساس دسته بر روی مشتری Get Products by Category on the Client

• معرفی انواع محصولات Introducing Product Variants

• یک کلید اولیه مرکب و کاشت بیشتر اضافه کنید Add a Composite Primary Key & More Seeding

• مهاجرت انواع محصول را اضافه کنید Add Product Variants Migration

• مهاجرت انواع محصول را اضافه کنید Add Product Variants Migration

• انواع و اقسام محصول را در سرویس محصول لحاظ کنید Include Product Variants & Types in the Product Service

• انواع و اقسام محصول را در سرویس محصول لحاظ کنید Include Product Variants & Types in the Product Service

• نمایش قیمت در جزء ProductList Display the Price in the ProductList Component

• نمایش قیمت در جزء ProductList Display the Price in the ProductList Component

• قیمت را در قسمت ProductDetails نمایش دهید Display the Price in the ProductDetails Component

• قیمت را در قسمت ProductDetails نمایش دهید Display the Price in the ProductDetails Component

• از یک جعبه انتخاب برای نوع محصول استفاده کنید Use a Select Box for the Product Variant

• معرفی ویژگی جستجوی محصول Introducing a Product Search Feature

• معرفی ویژگی جستجوی محصول Introducing a Product Search Feature

• جستجوی محصول در سرور Search a Product on the Server

• جستجوی محصول در سرور Search a Product on the Server

• دریافت پیشنهادات جستجوی محصول Get Product Search Suggestions

• روش های جستجو را به مشتری اضافه کنید Add Search Methods to the Client

• یک جستجو از طریق URL در مؤلفه Index.razor پیاده سازی کنید Implement a Search via URL in the Index.razor Component

• کامپوننت جستجو را پیاده سازی کنید Implement the Search Component

• کامپوننت جستجو را پیاده سازی کنید Implement the Search Component

• از طرح بندی سفارشی استفاده کنید Use a Custom Layout

• از طرح بندی سفارشی استفاده کنید Use a Custom Layout

• یک دکمه صفحه اصلی اضافه کنید Add a Home Button

• یک دکمه صفحه اصلی اضافه کنید Add a Home Button

• معرفی محصولات ویژه Introducing Featured Products

• بارگیری محصولات ویژه Load Featured Products

• بارگیری محصولات ویژه Load Featured Products

• نمایش محصولات ویژه با یک مؤلفه جدید Show Featured Products with a new Component

• نمایش محصولات ویژه با یک مؤلفه جدید Show Featured Products with a new Component

• معرفی صفحه بندی و اشیاء انتقال داده (DTO) Introducing Pagination & Data-Transfer-Objects (DTOs)

• معرفی صفحه بندی و اشیاء انتقال داده (DTO) Introducing Pagination & Data-Transfer-Objects (DTOs)

• صفحه بندی جستجوی محصول را در سرور پیاده سازی کنید Implement Product Search Pagination on the Server

• صفحه بندی را به ProductService روی مشتری اضافه کنید Add Pagination to the ProductService on the Client

• صفحه بندی را به ProductService روی مشتری اضافه کنید Add Pagination to the ProductService on the Client

• صفحه بندی را به کامپوننت ها اضافه کنید Add Pagination to the Components

• معرفی سبد خرید با محل ذخیره سازی محلی Introducing the Cart with the Local Storage

• معرفی سبد خرید با محل ذخیره سازی محلی Introducing the Cart with the Local Storage

• یک شمارنده سبد خرید ایجاد کنید Create a Cart Counter

• یک شمارنده سبد خرید ایجاد کنید Create a Cart Counter

• یک کلاس CartItem اضافه کنید Add a CartItem Class

• یک کلاس CartItem اضافه کنید Add a CartItem Class

• یک CartService بر روی مشتری پیاده سازی کنید Implement a CartService on the Client

• دکمه "افزودن به سبد خرید" را در کامپوننت ProductDetails اجرا کنید Implement “Add to Cart” Button in ProductDetails Component

• دکمه "افزودن به سبد خرید" را در کامپوننت ProductDetails اجرا کنید Implement “Add to Cart” Button in ProductDetails Component

• نمایش تعداد اقلام در شمارنده سبد خرید Show the Number of Items in the Cart Counter

• نمایش تعداد اقلام در شمارنده سبد خرید Show the Number of Items in the Cart Counter

• اقلام سبد خرید را به محصولات در سرور تبدیل کنید Turn Cart Items into Products on the Server

• اقلام سبد خرید را به محصولات در سرور تبدیل کنید Turn Cart Items into Products on the Server

• محصولات سبد خرید را بر روی مشتری دریافت کنید Get the Cart Products on the Client

• صفحه سبد خرید را پیاده سازی کنید Implement the Cart Page

• صفحه سبد خرید را پیاده سازی کنید Implement the Cart Page

• حذف یک کالا از سبد خرید Remove an Item from the Cart

• مقدار را به مدل های سبد خرید اضافه کنید Add the Quantity to Cart Models

• خدمات سبد خرید را اصلاح کنید Modify the Cart Services

• گزینه ای برای به روز رسانی مقدار اضافه کنید Add Option to Update the Quantity

• گزینه ای برای به روز رسانی مقدار اضافه کنید Add Option to Update the Quantity

• مقدار را با فیلد شماره ورودی به روز کنید Update the Quantity with an Input Number Field

• خلاصه Summary

همه چیز درباره محصولات است - Blazor WebAssembly در عمل It's all about Products - Blazor WebAssembly in Action

• معرفی Introduction

• یک محصول واحد را از سرور دریافت کنید Get a Single Product from the Server

• بذر محصولات بیشتر Seed More Products

• همه دسته ها را با یک سرویس و کنترلر جدید دریافت کنید Get all Categories with a new Service & Controller

• یک CategoryService به مشتری اضافه کنید Add a CategoryService on the Client

• نمایش دسته ها در NavMenu Display Categories in the NavMenu

• دریافت محصولات بر اساس دسته بر روی مشتری Get Products by Category on the Client

• معرفی انواع محصولات Introducing Product Variants

• یک کلید اولیه مرکب و کاشت بیشتر اضافه کنید Add a Composite Primary Key & More Seeding

• از یک جعبه انتخاب برای نوع محصول استفاده کنید Use a Select Box for the Product Variant

• دریافت پیشنهادات جستجوی محصول Get Product Search Suggestions

• روش های جستجو را به مشتری اضافه کنید Add Search Methods to the Client

• یک جستجو از طریق URL در مؤلفه Index.razor پیاده سازی کنید Implement a Search via URL in the Index.razor Component

• معرفی محصولات ویژه Introducing Featured Products

• صفحه بندی جستجوی محصول را در سرور پیاده سازی کنید Implement Product Search Pagination on the Server

• صفحه بندی را به کامپوننت ها اضافه کنید Add Pagination to the Components

• یک CartService بر روی مشتری پیاده سازی کنید Implement a CartService on the Client

• محصولات سبد خرید را بر روی مشتری دریافت کنید Get the Cart Products on the Client

• حذف یک کالا از سبد خرید Remove an Item from the Cart

• مقدار را به مدل های سبد خرید اضافه کنید Add the Quantity to Cart Models

• خدمات سبد خرید را اصلاح کنید Modify the Cart Services

• مقدار را با فیلد شماره ورودی به روز کنید Update the Quantity with an Input Number Field

• خلاصه Summary

بیایید کاربران را اضافه کنیم - احراز هویت با JSON Web Tokens Let's add Users - Authentication with JSON Web Tokens

• معرفی Introduction

• معرفی Introduction

• UserRegister Model را اضافه کنید Add the UserRegister Model

• UserRegister Model را اضافه کنید Add the UserRegister Model

• ایجاد صفحه ثبت نام کاربر (EditForm بدون اعتبارسنجی) Create the User Registration Page (EditForm without Validation)

• ایجاد صفحه ثبت نام کاربر (EditForm بدون اعتبارسنجی) Create the User Registration Page (EditForm without Validation)

• یک دکمه منوی کاربری را اجرا کنید Implement a User Menu Button

• یک دکمه منوی کاربری را اجرا کنید Implement a User Menu Button

• اضافه کردن حاشیه نویسی داده ها برای اعتبارسنجی Add Data Annotations for Validations

• اضافه کردن حاشیه نویسی داده ها برای اعتبارسنجی Add Data Annotations for Validations

• اعتبار سنجی را به فرم ثبت نام اضافه کنید Add Validation to the Registration Form

• اعتبار سنجی را به فرم ثبت نام اضافه کنید Add Validation to the Registration Form

• از یک پیام اعتبار سنجی به جای خلاصه اعتبارسنجی استفاده کنید Use a Validation Message instead of the Validation Summary

• از یک پیام اعتبار سنجی به جای خلاصه اعتبارسنجی استفاده کنید Use a Validation Message instead of the Validation Summary

• یک مدل کاربر برای پایگاه داده اضافه کنید Add a User Model for the Database

• یک سرویس احراز هویت روی سرور اضافه کنید Add an Authentication Service on the Server

• بررسی کنید که آیا یک کاربر از قبل وجود دارد یا خیر Check if a User already exists

• بررسی کنید که آیا یک کاربر از قبل وجود دارد یا خیر Check if a User already exists

• ثبت نام کاربر را روی سرور پیاده سازی کنید Implement the User Registration on the Server

• ثبت نام کاربر را روی سرور پیاده سازی کنید Implement the User Registration on the Server

• AuthController را اضافه کنید Add the AuthController

• AuthService را روی مشتری ایجاد کنید Create the AuthService on the Client

• اجرای ثبت نام بر روی مشتری Implement the Registration on the Client

• از AuthService در صفحه ثبت نام استفاده کنید Use the AuthService on the Registration Page

• از AuthService در صفحه ثبت نام استفاده کنید Use the AuthService on the Registration Page

• نمایش پیام موفقیت پس از ثبت نام Display a Success Message after Registration

• یک مدل UserLogin اضافه کنید Add a UserLogin Model

• یک مدل UserLogin اضافه کنید Add a UserLogin Model

• صفحه ورود را اضافه کنید Add the Login Page

• صفحه ورود را اضافه کنید Add the Login Page

• ورود به سرور را آماده کنید Prepare the Login on the Server

• رمز عبور کاربر را تأیید کنید Verify the User’s Password

• توکن وب JSON را ایجاد کنید Create the JSON Web Token

• Login را روی کلاینت پیاده سازی کنید Implement the Login on the Client

• Login را روی کلاینت پیاده سازی کنید Implement the Login on the Client

• یک Custom AuthenticationStateProvider پیاده سازی کنید Implement a Custom AuthenticationStateProvider

• یک Custom AuthenticationStateProvider پیاده سازی کنید Implement a Custom AuthenticationStateProvider

• وضعیت احراز هویت را در معرض نمایش قرار دهید Expose the Authentication State

• با مؤلفه AuthorizeView یک گزینه خروج بسازید Build a Logout Option with the AuthorizeView Component

• یک URL بازگشتی به ورود اضافه کنید Add a Return Url to the Login

• یک صفحه پروفایل کاربری ایجاد کنید Create a User Profile Page

• یک صفحه پروفایل کاربری ایجاد کنید Create a User Profile Page

• از ویژگی [Authorize] در مشتری استفاده کنید Utilize the [Authorize] Attribute on the Client

• از ویژگی [Authorize] در مشتری استفاده کنید Utilize the [Authorize] Attribute on the Client

• یک مدل UserChangePassword اضافه کنید Add a UserChangePassword Model

• یک مدل UserChangePassword اضافه کنید Add a UserChangePassword Model

• رمز عبور سرور را تغییر دهید Change the Password on the Server

• میان افزار احراز هویت را اضافه کنید Add Authentication Middleware

• اجرای تغییر رمز عبور در AuthController Implement Changing the Password in the AuthController

• اجرای تغییر رمز عبور در مشتری Implement Changing the Password on the Client

• اجرای تغییر رمز عبور در مشتری Implement Changing the Password on the Client

• رمز عبور کاربر را در صفحه نمایه تغییر دهید Change the User’s Password on the Profile Page

• رمز عبور کاربر را در صفحه نمایه تغییر دهید Change the User’s Password on the Profile Page

• خلاصه Summary

بیایید کاربران را اضافه کنیم - احراز هویت با JSON Web Tokens Let's add Users - Authentication with JSON Web Tokens

• معرفی Introduction

• یک مدل کاربر برای پایگاه داده اضافه کنید Add a User Model for the Database

• یک سرویس احراز هویت روی سرور اضافه کنید Add an Authentication Service on the Server

• AuthController را اضافه کنید Add the AuthController

• AuthService را روی مشتری ایجاد کنید Create the AuthService on the Client

• اجرای ثبت نام بر روی مشتری Implement the Registration on the Client

• نمایش پیام موفقیت پس از ثبت نام Display a Success Message after Registration

• ورود به سرور را آماده کنید Prepare the Login on the Server

• رمز عبور کاربر را تأیید کنید Verify the User’s Password

• توکن وب JSON را ایجاد کنید Create the JSON Web Token

• وضعیت احراز هویت را در معرض نمایش قرار دهید Expose the Authentication State

• با مؤلفه AuthorizeView یک گزینه خروج بسازید Build a Logout Option with the AuthorizeView Component

• یک URL بازگشتی به ورود اضافه کنید Add a Return Url to the Login

• رمز عبور سرور را تغییر دهید Change the Password on the Server

• میان افزار احراز هویت را اضافه کنید Add Authentication Middleware

• اجرای تغییر رمز عبور در AuthController Implement Changing the Password in the AuthController

• خلاصه Summary

بیایید برخی از محصولات را بخریم - سبد خرید و سفارشات Let's buy some Products - Cart & Orders

• معرفی Introduction

• CartItem را تغییر دهید و آن را به پایگاه داده اضافه کنید Change the CartItem & Add it to the Database

• CartItem را تغییر دهید و آن را به پایگاه داده اضافه کنید Change the CartItem & Add it to the Database

• سبد خرید را برای کاربران احراز هویت شده آماده کنید Prepare the Cart for Authenticated Users

• اقلام سبد خرید را در پایگاه داده ذخیره کنید Store Cart Items in the Database

• از HttpContextAccessor برای دسترسی به کاربر در سرویس ها استفاده کنید Use the HttpContextAccessor to Access the User in the Services

• تعداد اقلام سبد خرید را از سرور دریافت کنید Get the Number of Cart Items from the Server

• تعداد اقلام سبد خرید را از سرور دریافت کنید Get the Number of Cart Items from the Server

• برای بررسی اینکه آیا کاربر فعلی احراز هویت شده است یا خیر، روشی را اجرا کنید Implement a Method to Check if the Current User is Authenticated

• تعداد اقلام سبد خرید مشتری را دریافت کنید Get the Number of Cart Items on the Client

• تعداد اقلام سبد خرید مشتری را دریافت کنید Get the Number of Cart Items on the Client

• کنترل تعداد اقلام سبد خرید در هنگام ورود و خروج Handle the Number of Cart Items on Login and Logout

• اقلام ذخیره شده سبد خرید را از سرور دریافت کنید Get the Stored Cart Items from the Server

• اقلام ذخیره شده سبد خرید را از سرور دریافت کنید Get the Stored Cart Items from the Server

• CartService را روی مشتری بازسازی کنید Refactor the CartService on the Client

• CartService را روی مشتری بازسازی کنید Refactor the CartService on the Client

• یک CartItem به پایگاه داده اضافه کنید Add a CartItem to the Database

• مقدار CartItem را در پایگاه داده به روز کنید Update the CartItem Quantity in the Database

• مقدار CartItem را در پایگاه داده به روز کنید Update the CartItem Quantity in the Database

• یک CartItem را در پایگاه داده حذف کنید Remove a CartItem in the Database

• یک CartItem را در پایگاه داده حذف کنید Remove a CartItem in the Database

• آماده سازی اجرای سفارش (مدل ها، مهاجرت و کلید ترکیبی) Prepare the Order Implementations (Models, Migration & a Composite Key)

• آماده سازی اجرای سفارش (مدل ها، مهاجرت و کلید ترکیبی) Prepare the Order Implementations (Models, Migration & a Composite Key)

• اجرای ثبت سفارش در سرور Implement Placing an Order on the Server

• اجرای ثبت سفارش بر روی مشتری Implement Placing an Order on the Client

• بعد از ثبت سفارش سبد خرید را خالی کنید Empty the Cart after Placing an Order

• بعد از ثبت سفارش بگویید «متشکرم». Say “Thank You” after Placing an Order

• GetUserId() را به AuthService منتقل کنید Move GetUserId() to the AuthService

• GetUserId() را به AuthService منتقل کنید Move GetUserId() to the AuthService

• سفارشات را از سرور دریافت کنید Get Orders from the Server

• سفارشات را از سرور دریافت کنید Get Orders from the Server

• اجرای دریافت سفارش بر روی مشتری Implement Receiving Order on the Client

• جزئیات سفارش را از سرور دریافت کنید Get Order Details from the Server

• نمایش جزئیات سفارش در مشتری Show Order Details on the Client

• IsUserAuthenticated() را به AuthService روی کلاینت منتقل کنید Move IsUserAuthenticated() to the AuthService on the Client

• خلاصه Summary

• خلاصه Summary

بیایید برخی از محصولات را بخریم - سبد خرید و سفارشات Let's buy some Products - Cart & Orders

• معرفی Introduction

• سبد خرید را برای کاربران احراز هویت شده آماده کنید Prepare the Cart for Authenticated Users

• اقلام سبد خرید را در پایگاه داده ذخیره کنید Store Cart Items in the Database

• از HttpContextAccessor برای دسترسی به کاربر در سرویس ها استفاده کنید Use the HttpContextAccessor to Access the User in the Services

• برای بررسی اینکه آیا کاربر فعلی احراز هویت شده است یا خیر، روشی را اجرا کنید Implement a Method to Check if the Current User is Authenticated

• کنترل تعداد اقلام سبد خرید در هنگام ورود و خروج Handle the Number of Cart Items on Login and Logout

• یک CartItem به پایگاه داده اضافه کنید Add a CartItem to the Database

• اجرای ثبت سفارش در سرور Implement Placing an Order on the Server

• اجرای ثبت سفارش بر روی مشتری Implement Placing an Order on the Client

• بعد از ثبت سفارش سبد خرید را خالی کنید Empty the Cart after Placing an Order

• بعد از ثبت سفارش بگویید «متشکرم». Say “Thank You” after Placing an Order

• اجرای دریافت سفارش بر روی مشتری Implement Receiving Order on the Client

• جزئیات سفارش را از سرور دریافت کنید Get Order Details from the Server

• نمایش جزئیات سفارش در مشتری Show Order Details on the Client

• IsUserAuthenticated() را به AuthService روی کلاینت منتقل کنید Move IsUserAuthenticated() to the AuthService on the Client

• خلاصه Summary

کا چینگ! - پرداخت با Stripe Checkout Ka-Ching! - Payment with Stripe Checkout

• معرفی و دریافت یک حساب Stripe Introduction & Get a Stripe Account

• داشبورد راه راه Stripe Dashboard

• Stripe.net را در پروژه سرور با NuGet نصب کنید Install Stripe.net in the Server Project with NuGet

• کاربر را به صفحه پرداخت خط خطی هدایت کنید Redirect the User to a Stripe Checkout Page

• یک جلسه پرداخت در سرور ایجاد کنید Create a Checkout Session on the Server

• یک صفحه موفقیت ایجاد کنید و سفارش دهید Create a Success Page & Place an Order

• با WebHoks یک سفارش را انجام دهید و سفارش را در پایگاه داده ما ذخیره کنید Fulfill an Order with WebHooks & Store the Order in our Database

• با WebHoks یک سفارش را انجام دهید و سفارش را در پایگاه داده ما ذخیره کنید Fulfill an Order with WebHooks & Store the Order in our Database

• یک آدرس حمل و نقل را در Stripe Checkout فعال کنید Enable a Shipping Address in Stripe Checkout

• یک آدرس حمل و نقل را در Stripe Checkout فعال کنید Enable a Shipping Address in Stripe Checkout

• خلاصه Summary

• خلاصه Summary

کا چینگ! - پرداخت با Stripe Checkout Ka-Ching! - Payment with Stripe Checkout

• معرفی و دریافت یک حساب Stripe Introduction & Get a Stripe Account

• داشبورد راه راه Stripe Dashboard

• Stripe.net را در پروژه سرور با NuGet نصب کنید Install Stripe.net in the Server Project with NuGet

• کاربر را به صفحه پرداخت خط خطی هدایت کنید Redirect the User to a Stripe Checkout Page

• یک جلسه پرداخت در سرور ایجاد کنید Create a Checkout Session on the Server

• یک صفحه موفقیت ایجاد کنید و سفارش دهید Create a Success Page & Place an Order

• خلاصه Summary

شما اهل کجا هستید؟ - یک آدرس تحویل اضافه کنید Where are you from? - Add a Delivery Address

• مدل آدرس و مهاجرت جدید را اضافه کنید Add Address Model & New Migration

• مدل آدرس و مهاجرت جدید را اضافه کنید Add Address Model & New Migration

• منطق آدرس را روی سرور پیاده سازی کنید Implement the Address Logic on the Server

• منطق آدرس را روی کلاینت پیاده سازی کنید Implement the Address Logic on the Client

• منطق آدرس را روی کلاینت پیاده سازی کنید Implement the Address Logic on the Client

• یک جزء اشتراکی AddressForm ایجاد کنید Create a Shared AddressForm component

• یک جزء اشتراکی AddressForm ایجاد کنید Create a Shared AddressForm component

• از فرم آدرس در اجزای سبد خرید و نمایه استفاده کنید Use the Address Form in the Cart & Profile Components

• از فرم آدرس در اجزای سبد خرید و نمایه استفاده کنید Use the Address Form in the Cart & Profile Components

شما اهل کجا هستید؟ - یک آدرس تحویل اضافه کنید Where are you from? - Add a Delivery Address

• منطق آدرس را روی سرور پیاده سازی کنید Implement the Address Logic on the Server

ما به چیزهای بیشتری نیاز داریم! - داشبورد مدیریت We need more stuff! - Admin Dashboard

• معرفی Introduction

• یک نقش به User Model و Token در AuthService اضافه کنید Add a Role to the User Model and to the Token in the AuthService

• یک نقش به User Model و Token در AuthService اضافه کنید Add a Role to the User Model and to the Token in the AuthService

• مولفه منوی مدیریت و صفحه مدیریت دسته‌ها را ایجاد کنید Create the Admin Menu Component & a Categories Admin Page

• ویژگی های بیشتر را به مدل دسته اضافه کنید Add More Properties to the Category Model

• ویژگی های بیشتر را به مدل دسته اضافه کنید Add More Properties to the Category Model

• اجرای تمام عملیات CRUD برای دسته ها در سرور Implement all CRUD Operations for Categories on the Server

• اجرای کلیه عملیات CRUD سمت مشتری برای دسته ها Implement all Client-Side CRUD Operations for the Categories

• پیاده سازی صفحه مدیریت برای دسته ها Implement the Administration Page for Categories

• پیاده سازی صفحه مدیریت برای دسته ها Implement the Administration Page for Categories

• پس از تغییر دسته ها، منو را دوباره رندر کنید Re-render the Menu after changing the Categories

• پس از تغییر دسته ها، منو را دوباره رندر کنید Re-render the Menu after changing the Categories

• انواع محصول را از سرور برای مدیریت بارگیری کنید Load the Product Types from the Server for Administration

• پیاده سازی ProductTypeService را به مشتری اضافه کنید Add ProductTypeService Implementations to the Client

• پیاده سازی ProductTypeService را به مشتری اضافه کنید Add ProductTypeService Implementations to the Client

• صفحه مدیریت ProductType را ایجاد کنید Create the ProductType Administration Page

• صفحه مدیریت ProductType را ایجاد کنید Create the ProductType Administration Page

• افزودن و به روز رسانی انواع محصول در سرور Add & Update Product Types on the Server

• افزودن و به روز رسانی انواع محصول در مشتری Add & Update Product Types on the Client

• افزودن و به روز رسانی انواع محصول در مشتری Add & Update Product Types on the Client

• صفحه مدیریت ProductType را تمام کنید Finish the ProductType Administration Page

• مدل Product & ProductVariant را برای مدیریت ها تغییر دهید Change the Product & ProductVariant Model for Administrations

• از پرچم‌های جدید در روش‌های ProductService استفاده کنید Use the new flags in the ProductService Methods

• محصولات را برای مدیریت بارگیری کنید Load the Products for Administration

• محصولات را برای مدیریت بر روی مشتری دریافت کنید Get the Products for Administration on the Client

• صفحه مدیریت محصولات را ایجاد کنید Create the Administration Page for Products

• یک دکمه ویرایش و ایجاد برای محصولات اضافه کنید Add an Edit & Create Button for Products

• یک محصول واحد برای مدیران دریافت کنید Get a Single Product for Administrators

• یک محصول واحد برای مدیران دریافت کنید Get a Single Product for Administrators

• ایجاد، به روز رسانی و حذف محصولات در سرور Create, Update & Delete Products on the Server

• ایجاد، به روز رسانی و حذف محصولات در مشتری Create, Update & Delete Products on the Client

• ایجاد، به روز رسانی و حذف محصولات در مشتری Create, Update & Delete Products on the Client

• کامپوننت EditProduct را پیاده سازی کنید Implement the EditProduct Component

• کامپوننت EditProduct را پیاده سازی کنید Implement the EditProduct Component

• Create & Update Implementations را آزمایش کنید (و اصلاح کنید). Test (and fix) the Create & Update Implementations

• اجرای حذف یک محصول در صفحه EditProduct Implement Deleting a Product on the EditProduct Page

• خلاصه Summary

• کلمات پایانی Closing Words

ما به چیزهای بیشتری نیاز داریم! - داشبورد مدیریت We need more stuff! - Admin Dashboard

• معرفی Introduction

• مولفه منوی مدیریت و صفحه مدیریت دسته‌ها را ایجاد کنید Create the Admin Menu Component & a Categories Admin Page

• اجرای تمام عملیات CRUD برای دسته ها در سرور Implement all CRUD Operations for Categories on the Server

• اجرای کلیه عملیات CRUD سمت مشتری برای دسته ها Implement all Client-Side CRUD Operations for the Categories

• انواع محصول را از سرور برای مدیریت بارگیری کنید Load the Product Types from the Server for Administration

• افزودن و به روز رسانی انواع محصول در سرور Add & Update Product Types on the Server

• صفحه مدیریت ProductType را تمام کنید Finish the ProductType Administration Page

• مدل Product & ProductVariant را برای مدیریت ها تغییر دهید Change the Product & ProductVariant Model for Administrations

• از پرچم‌های جدید در روش‌های ProductService استفاده کنید Use the new flags in the ProductService Methods

• محصولات را برای مدیریت بارگیری کنید Load the Products for Administration

• محصولات را برای مدیریت بر روی مشتری دریافت کنید Get the Products for Administration on the Client

• صفحه مدیریت محصولات را ایجاد کنید Create the Administration Page for Products

• یک دکمه ویرایش و ایجاد برای محصولات اضافه کنید Add an Edit & Create Button for Products

• ایجاد، به روز رسانی و حذف محصولات در سرور Create, Update & Delete Products on the Server

• Create & Update Implementations را آزمایش کنید (و اصلاح کنید). Test (and fix) the Create & Update Implementations

• اجرای حذف یک محصول در صفحه EditProduct Implement Deleting a Product on the EditProduct Page

• خلاصه Summary

• کلمات پایانی Closing Words

امتیاز: آپلود تصاویر و معرفی MudBlazor Bonus: Upload Images & MudBlazor Introduction

• معرفی Introduction

• معرفی Introduction

• آماده سازی Preparations

• آماده سازی Preparations

• مدل Image را اضافه کنید Add the Image Model

• مدل Image را اضافه کنید Add the Image Model

• یک مهاجرت جدید اضافه کنید Add a New Migration

• یک مهاجرت جدید اضافه کنید Add a New Migration

• یک محصول جدید با چندین تصویر ایجاد کنید Create a New Product with Multiple Images

• یک محصول جدید با چندین تصویر ایجاد کنید Create a New Product with Multiple Images

• شامل چندین تصویر Include Multiple Images

• شامل چندین تصویر Include Multiple Images

• به روز رسانی تصاویر محصول و حذف تصاویر Update Product Images & Remove Images

• به روز رسانی تصاویر محصول و حذف تصاویر Update Product Images & Remove Images

• MudBlazor را نصب کنید Install MudBlazor

• MudBlazor را نصب کنید Install MudBlazor

• نمایش تصاویر با MudBlazor Display Images with MudBlazor

• نمایش تصاویر با MudBlazor Display Images with MudBlazor

• یک چرخ فلک تصویر را در صفحه جزئیات محصول نشان دهید Show an Image Carousel on the Product Details Page

• یک چرخ فلک تصویر را در صفحه جزئیات محصول نشان دهید Show an Image Carousel on the Product Details Page

• از اولین تصویر یک لیست تصویر در محصولات، لیست محصولات و محصولات ویژه استفاده کنید Use the First Image of an Image List in Products, ProductList & FeaturedProducts

• از اولین تصویر یک لیست تصویر در محصولات، لیست محصولات و محصولات ویژه استفاده کنید Use the First Image of an Image List in Products, ProductList & FeaturedProducts

امتیاز: آپلود تصاویر و معرفی MudBlazor Bonus: Upload Images & MudBlazor Introduction

• معرفی Introduction