آموزش ساخت اپلیکیشن‌های وب با ASP.NET Core 10 Blazor - آخرین آپدیت

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

کار با کامپوننت‌های Blazor Working with Blazor Components

• معرفی دوره Course Introduction

• کاربرد پیشرفته‌تر کامپوننت‌ها Doing More with Components

• دمو: ساخت کامپوننت EmployeeCard Demo: Creating the EmployeeCard Component

• کار با رویدادها در کامپوننت‌های تعاملی Working with Events in Interactive Components

• دمو: ساخت کامپوننت پاپ‌آپ Quick View Demo: Creating the Quick View Popup Component

• استفاده از RenderFragment Using RenderFragment

• دمو: استفاده از RenderFragment برای انتقال محتوا Demo: Using RenderFragment to Pass Content

• بارگذاری دینامیک کامپوننت‌ها Loading Components Dynamically

• دمو: بارگذاری ویجت‌ها در صفحه اصلی Demo: Loading Widgets on the Home Page

• مدیریت خطاها در کامپوننت‌ها Handling Errors in Components

• دمو: افزودن Error Boundaries Demo: Adding Error Boundaries

• استفاده از کامپوننت‌های داخلی Using Built-in Components

• دمو: تنظیم عنوان صفحه از طریق Blazor Demo: Setting the Title of the Page through Blazor

دسترسی به داده‌ها با EF Core Accessing Data with EF Core

• انتقال به پایگاه داده واقعی Moving to a Real Database

• دمو: افزودن SQLite Demo: Adding SQLite

• استفاده از Migrationها در EF Core Using Migrations in EF Core

• دمو: ایجاد پایگاه داده از طریق Migrationها Demo: Creating the Database through Migrations

• دمو: افزودن داده‌های اولیه (Seed Data) Demo: Adding Seed Data

• افزودن Repositoryها و سرویس‌ها Adding Repositories and Services

• دمو: افزودن Repository، سرویس و تزریق وابستگی (DI) Demo: Adding Repositories, Services, and Dependency Injection

• دمو: بازنویسی (Refactoring) کامپوننت‌ها Demo: Refactoring the Components

• مدیریت وضعیت در اپلیکیشن Managing State in the Application

• دمو: مدیریت وضعیت در اپلیکیشن Demo: Managing State in the Application

• نمایش مجموعه‌های بزرگ داده در Blazor Displaying Large Sets of Data in Blazor

• دمو: استفاده از کامپوننت Virtualize Demo: Using the Virtualize Component

• دمو: نمایش ثبت‌های زمانی با استفاده از QuickGrid Demo: Displaying Time Registrations Using QuickGrid

ساخت فرم‌ها با Blazor Creating Forms with Blazor

• درک مفهوم Data Binding Understanding Data Binding

• دمو: کار با Data Binding Demo: Working with Data Binding

• افزودن یک فرم ساده با استفاده از Blazor SSR Adding a Simple Form Using Blazor SSR

• دمو: ساخت فرم ثبت کارمند جدید Demo: Creating the New Employee Form

• دمو: بازسازی فرم با استفاده از EditForm Demo: Recreating the Form Using EditForm

• ساخت فرم پیچیده با کامپوننت‌های Input Creating a Complex Form with Input Components

• دمو: ساخت فرم ویرایش کارمند Demo: Creating the Edit Employee Form

• دمو: آپلود تصاویر Demo: Uploading Images

• اعتبارسنجی داده‌های وارد شده Validating Entered Data

• دمو: افزودن اعتبارسنجی فرم Demo: Adding Form Validation

• پشتیبانی از اعتبارسنجی مدرن در Blazor Modern Validation Support in Blazor

افزودن Blazor WebAssembly برای تعاملات کلاینت Adding Blazor WebAssembly for Client Interactivity

• افزودن رندرینگ سمت کلاینت با Blazor WASM Adding Client-side Rendering Using Blazor WASM

• دمو: انتقال کد به پروژه کلاینت Demo: Moving Code to the Client Project

• پیاده‌سازی API Bringing in an API

• دمو: ارائه داده‌ها از طریق Minimal API Endpoint Demo: Exposing Data through a Minimal API Endpoint

• اتصال به سرویس Connecting with the Service

• دمو: ساخت و استفاده از سرویس سمت کلاینت Demo: Creating and Using the Client-side Service

• استفاده از حالت رندر Auto Using Auto Render Mode

• دمو: تغییر به حالت رندر Auto Demo: Changing to Auto Render Mode

• تشخیص مکان و حالت رندرینگ Detecting Rendering Location and Mode

ادغام کامپوننت‌های جاوااسکریپت Integrating JavaScript Components

• فراخوانی جاوااسکریپت از Blazor Invoking JavaScript from Blazor

• دمو: ساخت کامپوننت نقشه با استفاده از جاوااسکریپت Demo: Creating a Map Component Using JavaScript

• بسته‌بندی کامپوننت‌ها در Razor Class Library Wrapping Components in a Razor Class Library

• دمو: انتقال کامپوننت نقشه به یک کتابخانه مجزا Demo: Moving the Map Component to a Separate Library

ایمن‌سازی اپلیکیشن Securing the Application

• افزودن احراز هویت به اپلیکیشن Adding Authentication to Our Application

• دمو: بررسی قالب با پشتیبانی از حساب‌های کاربری فردی Demo: Exploring the Template with Individual Accounts Support

• دمو: ادغام کدهای تولید شده در اپلیکیشن Demo: Merging the Generated Code into Our Application

• پیاده‌سازی مجوز دسترسی (Authorization) Bringing in Authorization

• دمو: استفاده از [Authorize] و AuthorizeView برای کنترل دسترسی Demo: Using Authorization with [Authorize] and the AuthorizeView

• جمع‌بندی و پایان دوره Course Closing