آموزش عملی و پروژه‌محور ASP.NET 6.0 Blazor - آخرین آپدیت

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

مقدمه Introduction

• مقدمه و ویژگی‌ها Introduction and Features

• نمایش زنده اپلیکیشن تکمیل شده Blazor Live Demo of Completed Blazor App

مهاجرت اپلیکیشن تکمیل شده Blazor MovieApp به ASP.NET6.0 Migrating the Completed Blazor MovieApp to ASP.NET6.0

• مهاجرت اپلیکیشن CRUD فیلم به ASP.NET 6.0 Migrating the Completed Movie App CRUD Application to ASP.NET 6.0

آشنایی با ASP.NET Core 3.1 Blazor Introduction to ASP.NET Core 3.1 Blazor

• Blazor چیست؟ What Is Blazor?

• مدل‌های میزبانی Blazor Blazor Hosting Models

کامپوننت‌ها در Blazor Components in Blazor

• ایجاد اولین کامپوننت Razor در Blazor Create Your First Razor Component in Blazor

• ایجاد یک کامپوننت تودرتو در Blazor Create a Nested Component in Blazor

تغییرات جدید در Blazor 3.1 منتشر شده با ASP.NET Core 3.1 What's New in Blazor 3.1 Released with ASP.NET Core 3.1?

• استفاده از کلاس‌های Partial و تگ‌های کامپوننت Partial Classes and Component Tag Usage

• ارسال پارامتر به کامپوننت‌ها و جلوگیری از عملیات پیش‌فرض Pass Parameter to Components and Prevent Default Action

• توقف انتشار رویداد و مدیریت خطای دقیق در هنگام ساخت اپلیکیشن Stop Event Propagation and Detailed Error Handling During App Building

مفاهیم پیشرفته با کدنویسی عملی در Blazor Advanced Concepts with Hands-On Coding in Blazor

• مسیریابی (Routing) در ASP.NET Core 3.1 Blazor Routing in ASP.NET Core 3.1 Blazor

• اتصال داده یک‌طرفه (One Way Data Binding) در ASP.NET Core 3.1 Blazor One-Way Data Binding in ASP.NET Core 3.1 Blazor

• کال‌بک رویداد (Event Callback) در ASP.NET Core 3.1 Blazor Event Callback in ASP.NET Core 3.1 Blazor

• اتصال داده دوطرفه (Two Way Data Binding) در ASP.NET Core 3.1 Blazor Two-Way Data Binding in ASP.NET Core 3.1 Blazor

• ارث‌بری در ASP.NET Core 3.1 Blazor Inheritance in ASP.NET Core 3.1 Blazor

• متدهای چرخه حیات در ASP.NET Core 3.1 Blazor بخش 1 (مبانی) Lifecycle Methods in ASP.NET Core 3.1 Blazor - Part 1 (Fundamentals)

• متدهای چرخه حیات (نمونه کد) SetParametersAsync Lifecycle Methods (Code Example) - SetParametersAsync

• متدهای چرخه حیات (نمونه کد) OnInitialized و OnInitializedAsync Lifecycle Methods (Code Example) - OnInitialized and OnInitializedAsync

• متدهای چرخه حیات (نمونه کد) OnParametersSet و OnParametersSetAsync Lifecycle Methods (Code Example) - OnParametersSet and OnParametersSetAsync

• متدهای چرخه حیات (نمونه کد) OnAfterRender و OnAfterRenderAsync Lifecycle Methods (Code Example) - OnAfterRender and OnAfterRenderAsync

• متدهای چرخه حیات (نمونه کد) ShouldRender Lifecycle Methods (Code Example) - ShouldRender

مبانی برنامه‌نویسی ناهمگام (Asynchronous) Asynchronous Programming Fundamentals

• یادگیری برنامه‌نویسی ناهمگام از طریق مثال‌های کدنویسی Learn Asynchronous Programming Through Coding Examples

ساخت یک اپلیکیشن CRUD در Blazor Create a CRUD Application in Blazor

• ساخت اپلیکیشن Blazor (Server) با احراز هویت حساب کاربری انفرادی Create a Blazor (Server) App with Individual User Accounts Authentication

• اجرای اپلیکیشن Blazor Run the Blazor App

• درک ساختار پروژه Understand the Project Structure

• کلاس Program و شیء Host The Program Class and Host Object

• کلاس Startup Startup Class

• عملکرد کلاس _Imports.razor Function of _Imports.razor Class

• پوشه Shared The Shared Folder

• ایجاد پایگاه داده و افزودن جداول برای ذخیره کاربران و نقش‌ها Create a Database and Add Tables to Store Users and Roles

• افزودن کاربران و نقش‌ها Add Users and Roles

• پیاده‌سازی مجوزدهی پایه Implement Basic Authorization

• دستورات صفحه (Directives) پرکاربرد برای صفحات Razor Frequently Used Page Directives for a Razor Page

• ایجاد کلاس Movie Create a Movie Class

• افزودن موجودیت Movie به ApplicationDbContext Add the Movie Entity to the ApplicationDbContext

• افزودن Migration برای ایجاد جدول Movies Add Migration to Create Movies Table

• ایجاد یک اینترفیس برای سرویس دسترسی به داده Create an Interface for Data Access Service

• ایجاد سرویس دسترسی به داده و متدها برای بازیابی رکوردها Create a Data Access Service and Methods to Retrieve Records

• ایجاد متدها برای عملیات افزودن، ویرایش و حذف Create Methods for Add, Edit, and Delete Operations

• ثبت کلاس سرویس‌های دسترسی به داده در Startup Register the Data Access Services Class in Startup

• مقداردهی اولیه (Seed) پایگاه داده فیلم‌ها Seed the Movies Database

• ایجاد صفحه جزئیات برای نمایش لیست فیلم‌ها Create a Details Page to Show List of Movies

• افزودن Bootstrap به پروژه Add Bootstrap to the Project

• ایجاد دیالوگ پاپ‌آپ مودال برای افزودن فیلم Create a Modal Popup Dialog to Add a Movie

• ویرایش جدول فیلم‌ها Edit the Movies Table

• اعتبارسنجی داده‌های کاربر User Data Validation

• ذخیره داده‌ها در پایگاه داده Save Data to the Database

• فراخوانی‌های JavaScript Interop برای بستن مودال JavaScript Interop Calls to Close Modal

• ارتباط بین جزئیات فیلم و لیست فیلم‌ها Communication Between Movie Detail and Movies

• ویرایش فیلم‌ها Edit Movies

• استفاده از Render Fragment برای تغییر پویا عنوان مودال Render Fragment Usage to Change Modal Title Dynamically

• ایجاد دیالوگ تایید حذف Create a Confirm Delete Dialog

• تکمیل عملیات حذف Complete the Delete Operation

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

• اعمال احراز هویت در اپلیکیشن فیلم Authentication in Action for the Movie App

• مشاهده داده‌های پروفایل کاربر با داشتن مجوز View User Profile Data with Authorization

• اجرا و تست اپلیکیشن برای محافظت از داده‌های کاربر Run and Test the App for User Data Protection

• نصب اپلیکیشن Blazor Movie به همراه پایگاه داده از GitHub روی سیستم کاربر Installing the Blazor Movie App with Database from GitHub on User Machines

محتوای اضافی: افزودن Spinkit برای نشانگر بارگذاری به اپلیکیشن فیلم Additional Content: Adding Spinkit for Loading Indication to Movies App

• افزودن Spinkit به اپلیکیشن Adding Spinkit to the App

• استفاده از Spinkit با کامپوننت Spinloader Using Spinkit with Spinloader Component

• تست چند کامپوننت Spinner Testing a Few Spinner Components

صفحه‌بندی فیلم‌ها Paginating the Movies

• نمایش فیلم‌ها به صورت صفحه‌بندی شده Display Paginated Movies

بخش هدیه: اپلیکیشن‌های وب پیشرو (PWA) Bonus Section: Progressive Web Applications

• اپلیکیشن وب پیشرو (PWA) چیست؟ What Is a Progressive Web Application?

تست Blazor با استفاده از bUnit Testing Blazor Using bUnit

• تست کامپوننت Counter Testing the Counter Component