آموزش برنامه های ASP.NET Blazor را با ساختاری تمیز بسازید

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

در مورد دوره About the course

• معرفی Introduction

• آنچه شما نیاز دارید What you need

• درمورد من About me

• درمورد من About me

• ساختار Structure

• ساختار Structure

• انتظارات/اهداف Expectations/Goals

• انتظارات/اهداف Expectations/Goals

در مورد دوره About the course

• معرفی Introduction

• آنچه شما نیاز دارید What you need

بلزور چیست؟ What is Blazor

• معرفی Introduction

• مدل های میزبانی Hosting models

• مدل های میزبانی Hosting models

• چرا بلزور Why Blazor

• چرا بلزور Why Blazor

بلزور چیست؟ What is Blazor

• معرفی Introduction

پروژه نمونه Example project

• معرفی Introduction

• ماکاپ ها Mockups

• چارچوب جلویی Front end framework

• چارچوب جلویی Front end framework

• چارچوب جلویی: نکته اضافی Front end framework: Additional note

• چارچوب جلویی: نکته اضافی Front end framework: Additional note

پروژه نمونه Example project

• ماکاپ ها Mockups

برپایی Setup

• معرفی Introduction

• نسخه ویژوال استودیو Visual Studio version

• نسخه ویژوال استودیو: نکته اضافی Visual Studio version: Additional note

• نسخه ویژوال استودیو: نکته اضافی Visual Studio version: Additional note

• راه حل باز Open solution

• راه حل باز Open solution

• ساختار پروژه Project structure

• اضافه شدن ساختار پروژه Project structure addition

• پروژه Organize را ایجاد کنید Create the Organize project

• پروژه Organize را ایجاد کنید Create the Organize project

برپایی Setup

• معرفی Introduction

• نسخه ویژوال استودیو Visual Studio version

• ساختار پروژه Project structure

• اضافه شدن ساختار پروژه Project structure addition

تکنیک های اساسی Basic techniques

• معرفی Introduction

• اجزاء Components

• کدنویسی Code writing

• کدنویسی Code writing

• صفحه ورود به سیستم SignIn page

• صفحه ورود به سیستم SignIn page

• سبک ورود به سیستم SignIn styling

• سبک ورود به سیستم SignIn styling

• اتصال داده ها Data binding

• رسیدگی به رویداد Event handling

• رسیدگی به رویداد Event handling

• تماس های رویداد EventCallbacks

• EventCallbacks در Organize.WASM قسمت 1 EventCallbacks in Organize.WASM part 1

• EventCallbacks در Organize.WASM قسمت 1 EventCallbacks in Organize.WASM part 1

• فلکس باکس Flexbox

• EventCallbacks در Organize.WASM قسمت 2 EventCallbacks in Organize.WASM part 2

• پارامترهای مؤلفه Component parameters

• صحافی دو طرفه Two way binding

• صحافی دو طرفه Two way binding

• ناظر در پیکربندی Watcher in Config

• ناظر در پیکربندی Watcher in Config

• اتصال دو طرفه بین اجزا Two way binding between components

• نحو Razor Razor syntax

• نحو Razor Razor syntax

• اعتبار سنجی Validation

• اعتبار سنجی Validation

• پروژه ها را ایجاد کنید Create projects

• پروژه ها را ایجاد کنید Create projects

• اعتبار بخش 2 Validation part 2

• اعتبار بخش 3 Validation part 3

• ورودی اعتبارسنجی Validation input

• پاشیدن صفت Attribute splatting

• صفحه ثبت نام SignUp page

• پیاده سازی صفحه ثبت نام SignUp page implementation

• پیاده سازی صفحه ثبت نام SignUp page implementation

• کتابخانه اجزای Razor Razor component library

• کتابخانه اجزای Razor Razor component library

• کشویی Dropdown

• کشویی Dropdown

• از منوی کشویی استفاده کنید Use the Dropdown

• مسیریابی Routing

• مسیریابی Routing

• پارامتر پرس و جو Query parameter

• پارامتر پرس و جو Query parameter

• پارامتر مسیر Route parameter

• پارامتر مسیر Route parameter

• UserManager UserManager

• استفاده از UserManager UserManager use

• استفاده از UserManager UserManager use

تکنیک های اساسی Basic techniques

• معرفی Introduction

• اجزاء Components

• اتصال داده ها Data binding

• تماس های رویداد EventCallbacks

• فلکس باکس Flexbox

• EventCallbacks در Organize.WASM قسمت 2 EventCallbacks in Organize.WASM part 2

• پارامترهای مؤلفه Component parameters

• اتصال دو طرفه بین اجزا Two way binding between components

• اعتبار بخش 2 Validation part 2

• اعتبار بخش 3 Validation part 3

• ورودی اعتبارسنجی Validation input

• پاشیدن صفت Attribute splatting

• صفحه ثبت نام SignUp page

• از منوی کشویی استفاده کنید Use the Dropdown

تزریق وابستگی Dependency injection

• معرفی Introduction

• تزریق وابستگی در کد Dependency injection in code

• تزریق وابستگی در کد Dependency injection in code

• استفاده از IUserManager IUserManager usage

• پروژه TestFake TestFake project

• تزریق سازنده Constructor injection

• تزریق سازنده Constructor injection

• انواع تزریق وابستگی Dependency injection types

• نمونه هایی از انواع تزریق وابستگی Dependency injection types examples

• خلاصه Summary

• خلاصه Summary

تزریق وابستگی Dependency injection

• معرفی Introduction

• استفاده از IUserManager IUserManager usage

• پروژه TestFake TestFake project

• انواع تزریق وابستگی Dependency injection types

• نمونه هایی از انواع تزریق وابستگی Dependency injection types examples

• خلاصه Summary

تکنیک های بیشتر Further techniques

• معرفی Introduction

• بررسی اجمالی موارد Items overview

• لیست اقلام Items list

• ساختار داده ها Data structure

• کلاس های موجودیت Entity classes

• کلاس های موجودیت Entity classes

• CurrentUserService CurrentUserService

• CurrentUserService را تزریق کنید Inject the CurrentUserService

• نوار ناوبری Navigation bar

• CurrentUser را تنظیم کنید Set CurrentUser

• CurrentUser را تنظیم کنید Set CurrentUser

• نمایش اطلاعات کاربر Display user information

• نمایش اطلاعات کاربر Display user information

• موارد موجود در لیست آیتم ها Items in ItemsList

• موارد موجود در لیست آیتم ها Items in ItemsList

• جزء ItemElement ItemElement component

• جزء ItemElement ItemElement component

• سبک های عنصر عنصر ItemElement styles

• ItemCheckBox ItemCheckBox

• ItemCheckBox ItemCheckBox

• پیکان بسط و منطقه جزئیات Expansion arrow & detail area

• محتوای خاص مورد Item specific content

• محتوای خاص مورد Item specific content

• اجزای قالب Templated components

• یک ظاهر طراحی قطعه Fragment styling

• یک ظاهر طراحی قطعه Fragment styling

• SASS SASS

• SASS SASS

• متغیرهای SASS SASS variables

• پارامترهای آبشاری Cascading parameters

• پارامترهای آبشاری Cascading parameters

• تنظیمات رنگ ItemElement ItemElement color adjustments

• تنظیمات رنگ ItemCheckBox ItemCheckBox color adjustments

• تنظیمات رنگ ItemCheckBox ItemCheckBox color adjustments

• تعداد کل اقلام Total number of items

• خلاصه Summary

تکنیک های بیشتر Further techniques

• معرفی Introduction

• بررسی اجمالی موارد Items overview

• لیست اقلام Items list

• ساختار داده ها Data structure

• CurrentUserService CurrentUserService

• CurrentUserService را تزریق کنید Inject the CurrentUserService

• نوار ناوبری Navigation bar

• سبک های عنصر عنصر ItemElement styles

• پیکان بسط و منطقه جزئیات Expansion arrow & detail area

• اجزای قالب Templated components

• متغیرهای SASS SASS variables

• تنظیمات رنگ ItemElement ItemElement color adjustments

• خلاصه Summary

تکنیک های بیشتر 2 Further techniques 2

• معرفی Introduction

• مورد ویرایش ItemEdit

• مورد ویرایش ItemEdit

• ItemEdit را در ItemsOverview قرار دهید Insert ItemEdit into ItemsOverview

• ItemEdit را در ItemsOverview قرار دهید Insert ItemEdit into ItemsOverview

• آیتم ویرایش نمای کلی ItemEdit general view

• آیتم ویرایش یک ظاهر طراحی کلی ItemEdit general view styling

• آیتم ویرایش یک ظاهر طراحی کلی ItemEdit general view styling

• ارسال یک مورد به ItemEdit Passing an item to ItemEdit

• ارسال یک مورد به ItemEdit Passing an item to ItemEdit

• انتقال داده از طریق سرویس Data transfer via service

• نمایش مؤلفه ItemEdit Show ItemEdit component

• جزء ItemEdit را ببندید Close ItemEdit component

• موارد را از سرویس بازیابی کنید Retrieve items from service

• اشکال زدایی Debugging

• اشکال زدایی Debugging

• انتقال داده ها از طریق پارامترهای مسیر Transfer data via route parameters

• روش های چرخه حیات Lifecycle methods

• لغو ثبت با IDisposable Unregister with IDisposable

• لغو ثبت با IDisposable Unregister with IDisposable

• ItemsEdit برای انواع آیتم ها ItemsEdit for item types

• ChildItemEdit ChildItemEdit

• ChildItemEdit ChildItemEdit

• UserItemManager UserItemManager

• UserItemManager UserItemManager

• از UserItemManager استفاده کنید Use the UserItemManager

• از UserItemManager استفاده کنید Use the UserItemManager

• کامپوننت ItemEdit را تست کنید Test the ItemEdit component

• کامپوننت ItemEdit را تست کنید Test the ItemEdit component

• اطلاع از تغییرات ملک Notify about property changes

• INotifyPropertyChanged INotifyPropertyChanged

• INotifyPropertyChanged INotifyPropertyChanged

• تمام کلاس های موجودیت را تنظیم کنید Adjust all entity classes

• تمام کلاس های موجودیت را تنظیم کنید Adjust all entity classes

• کنترل کننده رویداد PropertyChanged PropertyChanged event handlers

• کنترل کننده رویداد را لغو ثبت کنید Unregister event handlers

• کنترل کننده رویداد را لغو ثبت کنید Unregister event handlers

• یک مورد جدید اضافه کنید Add a new item

• مورد را در UserItemManager اضافه کنید Add item in UserItemManager

• طراحی ظاهر Styling

• طراحی ظاهر Styling

• نمایش موارد جدید ایجاد شده در لیست Display new created items in list

• نمایش موارد جدید ایجاد شده در لیست Display new created items in list

• خلاصه Summary

تکنیک های بیشتر 2 Further techniques 2

• معرفی Introduction

• آیتم ویرایش نمای کلی ItemEdit general view

• انتقال داده از طریق سرویس Data transfer via service

• نمایش مؤلفه ItemEdit Show ItemEdit component

• جزء ItemEdit را ببندید Close ItemEdit component

• موارد را از سرویس بازیابی کنید Retrieve items from service

• انتقال داده ها از طریق پارامترهای مسیر Transfer data via route parameters

• روش های چرخه حیات Lifecycle methods

• ItemsEdit برای انواع آیتم ها ItemsEdit for item types

• اطلاع از تغییرات ملک Notify about property changes

• کنترل کننده رویداد PropertyChanged PropertyChanged event handlers

• یک مورد جدید اضافه کنید Add a new item

• مورد را در UserItemManager اضافه کنید Add item in UserItemManager

• خلاصه Summary

قابلیت همکاری جاوا اسکریپت JavaScript Interoperability

• معرفی Introduction

• اضافه کردن یک کنترل کننده تغییر اندازه Adding a resize handler

• فراخوانی تابع جاوا اسکریپت از سی شارپ Invoke JavaScript function from C#

• افزودن یک کنترل کننده تغییر اندازه با مرجع دات نت Adding a resize handler with a .NET reference

• افزودن یک کنترل کننده تغییر اندازه با مرجع دات نت Adding a resize handler with a .NET reference

• متن نوار ناوبری را تنظیم کنید Adjust the navbar text

• متن نوار ناوبری را تنظیم کنید Adjust the navbar text

• یک کلمه آخر One last word

• یک کلمه آخر One last word

قابلیت همکاری جاوا اسکریپت JavaScript Interoperability

• معرفی Introduction

• اضافه کردن یک کنترل کننده تغییر اندازه Adding a resize handler

• فراخوانی تابع جاوا اسکریپت از سی شارپ Invoke JavaScript function from C#

مدیریت دولتی State management

• معرفی Introduction

• در حافظه InMemory

• در حافظه InMemory

• لایه DataAccess DataAccess layer

• ItemDataAccess ItemDataAccess

• سرویس ماندگاری InMemory InMemory persistence service

• سرویس ماندگاری InMemory InMemory persistence service

• از DataAccess به IPersistence دسترسی پیدا کنید Access IPersistence from DataAccess

• ItemManager را با ItemDataAccess وصل کنید Connect the ItemManager with ItemDataAccess

• آزمایش فرآیند درج Testing the insert process

• آزمایش فرآیند درج Testing the insert process

• داده های تست را گسترش دهید Extend test data

• فرآیند دریافت را اجرا کنید Implement the get process

• فرآیند به روز رسانی را اجرا کنید Implement the update process

• فرآیند به روز رسانی را اجرا کنید Implement the update process

• تماس های به روز رسانی تاخیری Delayed update calls

• فرآیند حذف را اجرا کنید Implement the delete process

• فرآیند حذف را اجرا کنید Implement the delete process

مدیریت دولتی State management

• معرفی Introduction

• لایه DataAccess DataAccess layer

• ItemDataAccess ItemDataAccess

• از DataAccess به IPersistence دسترسی پیدا کنید Access IPersistence from DataAccess

• ItemManager را با ItemDataAccess وصل کنید Connect the ItemManager with ItemDataAccess

• داده های تست را گسترش دهید Extend test data

• فرآیند دریافت را اجرا کنید Implement the get process

• تماس های به روز رسانی تاخیری Delayed update calls

IndexedDB IndexedDB

• معرفی Introduction

• پروژه IndexedDB IndexedDB project

• پروژه IndexedDB IndexedDB project

• دسترسی به جاوا اسکریپت IndexedDB IndexedDB JavaScript access

• دسترسی به جاوا اسکریپت IndexedDB IndexedDB JavaScript access

• کلاس C# IndexedDB C# IndexedDB class

• SimplePropertyContractResolver SimplePropertyContractResolver

• UserDataAccess UserDataAccess

• UserManager UserManager

• UserManager UserManager

• روش InsertUserAsync را فراخوانی کنید Call InsertUserAsync method

• روش InsertUserAsync را فراخوانی کنید Call InsertUserAsync method

• آخرین تنظیمات Last adjustments

• IndexedDB را تست کنید Test the IndexedDB

• IndexedDB را تست کنید Test the IndexedDB

IndexedDB IndexedDB

• معرفی Introduction

• کلاس C# IndexedDB C# IndexedDB class

• SimplePropertyContractResolver SimplePropertyContractResolver

• UserDataAccess UserDataAccess

• UserManager UserManager

• آخرین تنظیمات Last adjustments

دسترسی به WebAPIA WebAPIAccess

• معرفی Introduction

• فرآیند احراز هویت Authentication process

• فرآیند احراز هویت Authentication process

• پروژه WebAPI WebAPI project

• کنترلرهای WebAPI WebAPI controllers

• کنترلرهای WebAPI WebAPI controllers

• تماس های آزمایشی WebAPI WebAPI test calls

• دسترسی به WebAPIA WebAPIAccess

• دسترسی به WebAPIA WebAPIAccess

• پیاده سازی WebAPIAccess WebAPIAccess implementation

• پیاده سازی WebAPIAccess WebAPIAccess implementation

• WebAPIUserDataAccess WebAPIUserDataAccess

• WebAPIUserDataAccess WebAPIUserDataAccess

• AuthenticateAndGetUserAsync AuthenticateAndGetUserAsync

• ثبت خدمات Register services

• ثبت خدمات Register services

• تست وارد شوید و ثبت نام کنید Test sign in and sign up

• یک حالت احراز هویت ارائه کنید Provide an authenticated state

• یک منطقه غیرمجاز ایجاد کنید Create an unauthorized area

• یک منطقه غیرمجاز ایجاد کنید Create an unauthorized area

• حفاظت از منطقه مجاز Protect authorized area

• حفاظت از منطقه مجاز Protect authorized area

• CascadingAuthenticationState CascadingAuthenticationState

• AuthenticationStateProvider AuthenticationStateProvider

• خروج از سیستم Sign out

• خروج از سیستم Sign out

• گردش کار SetAuthenticationState SetAuthenticationState workflow

• گردش کار AuthenticationState را تست کنید Test the AuthenticationState workflow

• گردش کار AuthenticationState را تست کنید Test the AuthenticationState workflow

• رمز را تنظیم و بازیابی کنید Set and restore token

• GetUserByTokenAsync GetUserByTokenAsync

• تست بازسازی توکن Test token restauration

• پوشش مشغول Busy overlay

• پوشش مشغول Busy overlay

• BusyOverlayService BusyOverlayService

• BusyOverlayService BusyOverlayService

• جزء BusyOverlay BusyOverlay component

• جزء BusyOverlay BusyOverlay component

• از پوشش Busy استفاده کنید Use the Busy overlay

• مدال برای خطاها Modal for errors

• SimpleAuthenticationStateProvider SimpleAuthenticationStateProvider

• SimpleAuthenticationStateProvider SimpleAuthenticationStateProvider

• InMemory و IndexedDB را تست کنید Test InMemory and IndexedDB

• InMemory و IndexedDB را تست کنید Test InMemory and IndexedDB

• تنظیمات بارگیری موارد Items loading adjustments

• مجوز Authorization

• خلاصه Summary

دسترسی به WebAPIA WebAPIAccess

• معرفی Introduction

• پروژه WebAPI WebAPI project

• تماس های آزمایشی WebAPI WebAPI test calls

• AuthenticateAndGetUserAsync AuthenticateAndGetUserAsync

• تست وارد شوید و ثبت نام کنید Test sign in and sign up

• یک حالت احراز هویت ارائه کنید Provide an authenticated state

• CascadingAuthenticationState CascadingAuthenticationState

• AuthenticationStateProvider AuthenticationStateProvider

• گردش کار SetAuthenticationState SetAuthenticationState workflow

• رمز را تنظیم و بازیابی کنید Set and restore token

• GetUserByTokenAsync GetUserByTokenAsync

• تست بازسازی توکن Test token restauration

• از پوشش Busy استفاده کنید Use the Busy overlay

• مدال برای خطاها Modal for errors

• تنظیمات بارگیری موارد Items loading adjustments

• مجوز Authorization

• خلاصه Summary

تنظیمات و رفع Adjustments & Fixes

• معرفی Introduction

• صفحه درباره About page

• صفحه درباره About page

• لغو ثبت نام از رویدادهای جاوا اسکریپت Unregister from JavaScript events

• لغو ثبت نام از رویدادهای جاوا اسکریپت Unregister from JavaScript events

• به مجموعه ChildItems گوش دهید Listen to ChildItems collection

• به مجموعه ChildItems گوش دهید Listen to ChildItems collection

• تعداد کل اقلام Total number of items

• تعداد کل اقلام Total number of items

• وضعیت مورد در UI انجام شد Item done state in UI

• وضعیت مورد در UI انجام شد Item done state in UI

• دو نوار اسکرول Two scrollbars

• چک باکس رمز عبور Password checkbox

• چک باکس رمز عبور Password checkbox

• صفحه ورود به سیستم به عنوان راه اندازی SignIn page as startup

• جزء ItemEdit را ببندید Close ItemEdit component

• تنظیم جنسیت را اصلاح کنید Fix gender setting

• تنظیم جنسیت را اصلاح کنید Fix gender setting

• حالت IsDone را ذخیره کنید Save IsDone state

• حالت IsDone را ذخیره کنید Save IsDone state

• ChildItem را به روز کنید Update ChildItem

• ChildItem را به روز کنید Update ChildItem

• نوع ماندگاری Persistence type

• نوع ماندگاری Persistence type

• نتیجه Conclusion

• تبدیل پروژه Organize از ASP.NET Core 3.1 به ASP.NET Core 5 Convert the Organize project from ASP.NET Core 3.1 to ASP.NET Core 5

تنظیمات و رفع Adjustments & Fixes

• معرفی Introduction

• تعداد کل اقلام Total number of items

• دو نوار اسکرول Two scrollbars

• صفحه ورود به سیستم به عنوان راه اندازی SignIn page as startup

• جزء ItemEdit را ببندید Close ItemEdit component

• نتیجه Conclusion

• تبدیل پروژه Organize از ASP.NET Core 3.1 به ASP.NET Core 5 Convert the Organize project from ASP.NET Core 3.1 to ASP.NET Core 5

جداسازی CSS/JS CSS/JS isolation

• معرفی Introduction

• ویژگی جداسازی سبک را اضافه کنید Add the style isolation feature

• استایل را برای عنوان عنصر اضافه کنید Add the style for the element title

• استایل را برای عنوان عنصر اضافه کنید Add the style for the element title

• اعمال سبک برای اجزای فرزند Apply style for child components

• به اشتراک گذاری سبک با SASS Share style with SASS

• به اشتراک گذاری سبک با SASS Share style with SASS

• سبک هایی از کتابخانه ها Styles from libraries

• سبک هایی از کتابخانه ها Styles from libraries

• نتیجه گیری جداسازی CSS CSS isolation conclusion

• جداسازی جاوا اسکریپت JavaScript isolation

• پاکسازی با IAsyncDisposable Cleanup with IAsyncDisposable

جداسازی CSS/JS CSS/JS isolation

• معرفی Introduction

• ویژگی جداسازی سبک را اضافه کنید Add the style isolation feature

• اعمال سبک برای اجزای فرزند Apply style for child components

• نتیجه گیری جداسازی CSS CSS isolation conclusion

• جداسازی جاوا اسکریپت JavaScript isolation

• پاکسازی با IAsyncDisposable Cleanup with IAsyncDisposable

بوت استرپ را به نسخه 5 آپدیت کنید Update Bootstrap to version 5

• بوت استرپ را به روز کنید Update Bootstrap

بوت استرپ را به نسخه 5 آپدیت کنید Update Bootstrap to version 5

• بوت استرپ را به روز کنید Update Bootstrap

به روز رسانی به NET6 Update to .NET6

• معرفی Introduction

• معرفی Introduction

• Visual Studio 2022 را نصب کنید Install Visual Studio 2022

• پروژه ها را به روز کنید Update the projects

• پروژه ها را به روز کنید Update the projects

• برنامه را تست کنید Test the app

• برنامه را تست کنید Test the app

• عنوان صفحه را تغییر دهید Modify the page title

• عنوان صفحه را اصلاح کنید: یادداشت اضافی Modify the page title: Additional note

• عنوان صفحه را اصلاح کنید: یادداشت اضافی Modify the page title: Additional note

• پارامتر جزء رشته کوئری Query string component parameter

• پارامتر جزء رشته کوئری Query string component parameter

• پارامتر مورد نیاز Required parameter

• جزء دینامیک Dynamic component

به روز رسانی به NET6 Update to .NET6

• معرفی Introduction

• Visual Studio 2022 را نصب کنید Install Visual Studio 2022

• عنوان صفحه را تغییر دهید Modify the page title

• پارامتر مورد نیاز Required parameter

• جزء دینامیک Dynamic component

خلاصه Summary

• خلاصه Summary

• خلاصه Summary

خلاصه Summary

• خلاصه Summary