آموزش بلازور: شروع کار

مقدمه Introduction

• برنامه های وب غنی با NET Rich web apps with .NET

• آنچه شما باید بدانید What you should know

• ابزارهایی را برای توسعه Blazor نصب کنید Install tools for Blazor development

• طعم دهنده های Blazor Flavors of Blazor

• با استفاده از پرونده های تمرینی Using the exercise files

• راه اندازی پروژه Blazor Beam Blazor Beam project setup

1. شروع کنید 1. Get Started

• یک پروژه ایجاد کنید و Blazor Hello World Create a project and Blazor Hello World

• چگونه کار می کند: WebAssemble How does it work: WebAssembly

• چگونه کار می کند: Blazor سمت سرور How does it work: Server-side Blazor

• ساختار پروژه Demo Blazor Demo Blazor project structure

• نمای کلی ریش تراش Basic Razor overview

• چه زمانی باید از Blazor استفاده کنم؟ When should I use Blazor?

2. مدل اجزا Bla Blazor 2. The Blazor Component Model

• اجزای اساسی Blazor Basic Blazor components

• مسیریابی در Blazor Routing in Blazor

• تزریق وابستگی و خدمات با Blazor Dependency injection and services with Blazor

• چرخه عمر م componentلفه Blazor Blazor component life cycle

• اتصال داده ها و رویدادها با Blazor Data binding and events with Blazor

• اتصال بین اجزای Blazor Binding between Blazor components

• محتوای کودک در یک م Blaلفه Blazor Child content in a Blazor component

• طرح های Blazor Blazor layouts

• چالش: به یک رویداد در یک جز sub فرعی پاسخ دهید Challenge: Respond to an event in a subcomponent

• راه حل: به یک واقعه در یک زیر جز Resp پاسخ دهید Solution: Respond to an event in a subcomponent

3. اشکال زدایی ، آزمایش واحد و اعتبار سنجی داده ها 3. Debugging, Unit Testing, and Data Validation

• اشکال زدایی با Blazor Debugging with Blazor

• تست واحد با Blazor Unit testing with Blazor

• برنامه برای آزمایش واحد تغییر می کند Application changes for unit testing

• اجزای آزمایش واحد با پارامترها و خدمات Unit testing components with parameters and services

• فرم ها و اعتبارسنجی با Blazor Forms and validation with Blazor

• چالش: اعتبار سنجی RayInput Challenge: RayInput validation

• راه حل: اعتبار سنجی RayInput Solution: RayInput validation

4. احراز هویت و حالت برنامه 4. Authentication and Application State

• احراز هویت در یک برنامه Blazor Authentication in a Blazor application

• مجوز در برنامه Blazor Authorization in a Blazor application

• مجوز آزمون واحد در یک برنامه Blazor Unit test authorization in a Blazor application

• حفظ وضعیت در Blazor WebAssemble Maintain state in Blazor WebAssembly

• چالش: مجوز آزمایش واحد Challenge: Unit testing authorization

• راه حل: مجوز آزمایش واحد Solution: Unit testing authorization

5. JavaScript و Blazor 5. JavaScipt and Blazor

• از Blazor با جاوا اسکریپت تماس بگیرید Call JavaScript from Blazor

• با JavaScript با Blazor تماس بگیرید Call Blazor from JavaScript

• ElementReferences در جاوا اسکریپت با Blazor ElementReferences in JavaScript with Blazor

• تست واحد JavaScript Unit test JavaScript

• چالش: با جاوا اسکریپت تماس جالبی برقرار کنید Challenge: Make an interesting call to JavaScript

• راه حل: با جاوا اسکریپت تماس جالبی برقرار کنید Solution: Make an interesting call to JavaScript

6. کتابخانه های ملفه 6. Component Libraries

• انتخاب کتابخانه م componentلفه های Blazor UI Choosing a Blazor UI component library

• کتابخانه م Blaلفه های Blazor خود را ایجاد کنید Create your Blazor component library

• کتابخانه منبع باز Blazorise برای Blazor Blazorise open-source component library for Blazor

• کتابخانه م Radلفه های Radzen برای Blazor Radzen component library for Blazor

• کتابخانه م componentلفه های تلریک برای بلازور Telerik component library for Blazor

• چالش: از یک کتابخانه مؤلفه UI برای اضافه کردن نمودار استفاده کنید Challenge: Use a UI component library to add a chart

• راه حل: برای افزودن نمودار از کتابخانه م componentلفه های UI استفاده کنید Solution: Use a UI component library to add a chart

نتیجه Conclusion

• آینده بلاژور The future of Blazor