
آموزش شروع به کار با بلیزر (Blazor) در ASP.NET Core
آموزش شروع به کار با بلیزیر Blazor در ASP.NET Core یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته ی آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه ی فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته ی آموزشی شروع به کار با Blazor در ASP.NET Core است که با نام اصلی Blazor - Getting Started از شرکت Pluralsight منتشر شده است.
ASP.NET Core Blazor چیست؟
بلیزر (Blazor) یک فریم ورک برای ساختن UI مربوط به وب اپلیکیشن ها در سمت کلاینت میباشد. با استفاده از Blazor به جای استفاده کردن از زبان جاوا اسکریپت می توانید از زبان سی شارپ برای ساختن واسط های کاربری تعاملی و یا اصطلاحاً interactive UI استفاده کنید. یکی دیگر از قابلیت های جذاب Blazor این است که به راحتی میتوانیم application logic مربوط به برنامه در server-side و client-side را با تکنولوژی های دات نت نوشته و به طور اشتراکی از آن استفاده کنیم. ضمناً توصیه می کنیم که از آموزش رایگان بلیزر Blazor در ASP.NET Core نیز استفاده کنید.

فریم Blazor بر اساس component ها کار میکند. در Blazor یک component یک UI element از قبیل page و یا dialog و یا form می باشد. component ها در واقعه کلاسهای دات نت هستند که در قالب اسمبلی ها پیاده سازی شده اند. بر اساس آنها و rendering logic تعریف شده در آن میتوان واسط کاربری برنامه را تعریف کرد. علاوه بر این رویدادها و event های مربوط به تعاملات کاربر را می توان با component ها هدل کرد. component ها را می توان مورد استفاده مجدد قرار داد و یا به صورت تودرتو و یا nested تعریف نمود. علاوه بر این، با استفاده از NuGet package های مختلفی که برای component ها منتشر شده اند می توان از آنها استفاده کرد. ضمناً در پایان توصیه می کنیم که از آموزش بلیزر Blazor پیشرفته برای اپلیکیشن های تجاری نیز دیدن کنید.
ساخت اولین اپلیکیشن وب با Blazor
Blazor فریم ورکی در اکوسیستم .NET است که امکان ساخت رابطهای کاربری تعاملی وب را با استفاده از C# فراهم میکند. این رویکرد برای توسعهدهندگانی جذاب است که با زبان C# آشنا هستند و میخواهند در ساخت رابط کاربری وب نیز از دانش خود استفاده کنند. Blazor در کنار ASP.NET Core به توسعه برنامههای وب کمک میکند و امکان پیادهسازی بخشهای تعاملی را بدون نیاز به نوشتن تمام منطق رابط کاربری با JavaScript فراهم میسازد.
شروع کار با Blazor با ساخت یک اپلیکیشن ساده، فرصت مناسبی برای آشنایی با ساختار پروژه و نحوه اتصال اجزای مختلف آن است. درک این ساختار به شما کمک میکند بدانید کدهای رابط کاربری در کجا قرار میگیرند و چگونه میتوان قابلیتهای جدیدی به برنامه اضافه کرد. این آموزش برای افرادی طراحی شده است که میخواهند یادگیری Blazor را از سطح مقدماتی آغاز کنند و با مراحل اولیه ساخت یک اپلیکیشن وب در محیط ASP.NET Core آشنا شوند.
کار با دادهها در اپلیکیشنهای Blazor
در بیشتر برنامههای وب، رابط کاربری باید دادهها را نمایش دهد و امکان تعامل با آنها را فراهم کند. در Blazor میتوان از C# برای پیادهسازی بخشهایی از منطق رابط کاربری استفاده کرد و دادهها را در اجزای برنامه مدیریت کرد. شناخت روش کار با دادهها در این فریم ورک به شما کمک میکند ارتباط میان وضعیت برنامه و محتوای نمایشدادهشده را بهتر درک کنید. این موضوع برای ساخت رابطهایی که اطلاعات آنها در طول استفاده تغییر میکند، اهمیت زیادی دارد.
مدیریت دادهها در یک اپلیکیشن شامل دریافت، نگهداری و نمایش اطلاعات متناسب با نیاز برنامه است. هنگام طراحی چنین برنامهای باید مشخص باشد دادهها در کدام بخش مدیریت میشوند و تغییر آنها چگونه در رابط کاربری منعکس خواهد شد. آشنایی با این مفاهیم در Blazor، پایهای برای توسعه قابلیتهای بیشتر و سازماندهی بهتر کد ایجاد میکند. در این آموزش با کار با دادهها در اپلیکیشن آشنا میشوید و میتوانید درک خود را از ساخت برنامههای تعاملی با C# گسترش دهید.
توسعه قابلیتهای بیشتر در Blazor با ASP.NET Core
پس از ساخت نسخه اولیه یک اپلیکیشن، معمولاً لازم است امکانات تازهای به آن اضافه شود تا نیازهای بیشتری را پوشش دهد. در Blazor میتوان قابلیتهای جدید را به بخشهای مختلف برنامه افزود و منطق مربوط به آنها را با استفاده از C# پیادهسازی کرد. آشنایی با ساختار اپلیکیشن و نحوه توسعه آن به شما کمک میکند کد را به شکلی سازماندهی کنید که افزودن امکانات جدید سادهتر باشد و تغییرات بعدی با پیچیدگی کمتری انجام شوند.
ASP.NET Core محیطی برای ساخت و اجرای برنامههای وب فراهم میکند و Blazor میتواند در این بستر برای ایجاد رابطهای کاربری تعاملی مورد استفاده قرار گیرد. شناخت رابطه میان این دو فناوری به توسعهدهنده کمک میکند جایگاه Blazor را در ساختار کلی برنامه بهتر درک کند. این آموزش با تمرکز بر شروع کار، مدیریت دادهها و اضافه کردن قابلیتهای بیشتر، مسیر اولیه توسعه یک اپلیکیشن Blazor را پوشش میدهد و برای آشنایی مقدماتی با این فناوری مناسب است.
آمادهسازی اپلیکیشن Blazor برای ادامه توسعه
ساخت یک اپلیکیشن تنها به پیادهسازی بخشهای اولیه آن محدود نمیشود؛ لازم است پروژه به شکلی سازماندهی شود که بتوان در مراحل بعدی آن را توسعه داد و نگهداری کرد. آمادهسازی برنامه برای ادامه کار شامل شناخت ساختار موجود و بررسی نیازهای مرحله بعدی توسعه است. در Blazor نیز درک نحوه سازماندهی اجزای برنامه و منطق آنها به شما کمک میکند تغییرات آینده را با دید روشنتری برنامهریزی کنید و از پراکندگی غیرضروری کد جلوگیری کنید.
برای توسعهدهندگانی که تازه با Blazor آشنا میشوند، شناخت مسیر ادامه کار اهمیت دارد؛ زیرا کمک میکند پس از ساخت اولین برنامه، موضوعات بعدی را هدفمندتر دنبال کنند. آشنایی با روش افزودن قابلیتها و مدیریت دادهها پایهای برای مطالعه مباحث پیشرفتهتر این فریم ورک فراهم میکند. این آموزش مقدماتی به شما کمک میکند مراحل اولیه کار با Blazor در ASP.NET Core را بشناسید و درک کنید چگونه میتوان از C# برای ساخت رابطهای کاربری وب استفاده کرد.
سرفصل مطالب آموزش ویدئویی شروع به کار با Blazor در ASP.NET Core
فصل اول: مقدمه دوره آموزشی
- مقدمه
فصل دوم: ساختن اولین اپلیکیشن با استفاده از
Blazor
- مقدمه
- در این دوره آموزشی چه چیزی فرا خواهید گرفت؟
- بررسی برنامه مربوط به این دوره آموزشی
- شروع به کار با فریم ورک Blazor
- بررسی مدل های میزبانی و یا Hosting Model های مربوط به Blazor
- درک کردن ساخت یک پروژه جدید
- ایجاد کردن عملی یک پروژه جدید با استفاده از فریم ورک Blazor
- ایجاد کردن اولین اپلیکیشن با Blazor
- اضافه کردن Layout مربوطه
- اشکال زدایی و یا Debug کردن یک اپلیکیشن Blazor
- جمع بندی
فصل سوم: کارکردن با داده ها
- مقدمه
- دسترسی پیدا کردن به داده های واقعی با استفاده از یک REST API
- بررسی عملی API
- کارکردن با HttpClient
- دسترسی پیدا کردن به داده ها با استفاده از REST API
- ایجاد کردن یک Form
- تست کردن Data Binding و قابلیت های آن در Blazor
- بررسی Form ها در Blazor
- ایجاد کردن یک Employee Form
- ایجاد کردن Component های بیشتر
- ذخیره کردن داده ها
- اضافه کردن اعتبارسنجی و یا Validation the Form
- بررسی عملی گزینه های Validation
- جمعبندی
فصل چهارم: اضافه کردن قابلیت های بیشتر به اپلیکیشن
- مقدمه
- اضافه کردن Dialog Component
- اضافه کردن عملی Employee Dialog
- یکپارچه سازی کردن با یک JavaScript Component
- اضافه کردن یک Map
- جمع بندی
فصل پنجم: آماده سازی برای
Client-side Blazor
- مقدمه
- بررسی Client-side Blazor
- تبدیل کردن اپلیکیشن به Client-side Blazor
- بررسی کردن ورژن WebAssembly مربوط به اپلیکیشن
- جمع بندی
فصل ششم:
Deploy
کردن اپلیکیشن
- مقدمه
- بررسی نیازمندی ها و یا Requirement های سمت سرور
- بررسی عملی Deploy کردن API
- بررسی عملی Deploy کردن Blazor Application
- جمع بندی دوره آموزشی




