تعداد ویدئو | 32 |
---|---|
زمان دوره | 01:20:51 |
مترجم | مرتضی گیتی |
دوبلر | مرتضی گیتی |
سایت منتشر کننده | پلورال سایت |
آموزش پیشرفته کامپوننت ها در بلیزر Blazor یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته ی آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه ی فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته ی آموزشی ساخت Component ها در Blazor است که با نام اصلی Creating Blazor Components از شرکت Pluralsight منتشر شده است.
احتمالاً میدانید که فریم ورک Blazor به منظور ساختن وب اپلیکیشن ها و به طور ویژه واسط کاربری آنها در Client-side و به صورت کاملا تعاملی و یا Interactive مورد استفاده قرار میگیرند. در رابطه با فریم ورک Blazor و موضوعات مرتبط با آن پیشتر نیز آموزشهایی بر روی وبسایت پرووید قرار گرفته اند که برای مثال می توانید از آموزش شروع به کار با بلیزیر Blazor در ASP.NET Core دیدن بفرمایید. برخی از ویژگی های فریم ورک Blazor که آن را کاملاً از دیگر فریم ورک های توسعه وب اپلیکیشن ها منحصر به فرد میکند را در ادامه بررسی خواهیم کرد.
استفاده کردن از Blazor به منظور توسعه وب اپلیکیشن های Client-side مزیت های متعددی دارد، که در رابطه با برخی از آنها در ادامه صحبت خواهیم کرد.
وب اپلیکیشن های توسعه داده شده با Blazor بر اساس Component ها کار میکنند. در زبان فارسی کلمه Component به جز تشکیل دهنده ترجمه میشود. در واقع در فریم ورک Blazor یک Component یک عنصر است، که با استفاده از آن میتوانید واسط کاربری برنامه را ایجاد کنید. برای مثال یک Page و یا Dialog و یا فرم ورود داده ها می توانند در قالب Component پیاده سازی بشوند. به بیان ساده Component ها در فریم ورک Blazor همان کلاس هایی هستند که می توانید در قالب اسمبلی های دات نت ایجاد کنید. با استفاده از کامپوننت ها میتوانید موارد زیر را لحاظ نمایید.
در فریم ورک Balzor به سادگی میتوان Component ها را قالب یک Razor Page پیاده سازی کرد. همانطور که احتمالاً می دانید فایل های Razor با پسوند razor ایجاد می شوند. در رابطه با Razor می توانید از آموزش برنامه نویسی وب با Razor Pages در ASP.NET Core دیدن کنید. اغلب به کامپوننت های مربوط به فریم ورک بلیزر Razor Component نیز می گویند.
در واقع Razor یک روش برای ترکیب کردن دستورات زبان برنامه نویسی سی شارپ برای ایجاد کردن Logic و کدهای مربوط به HTML می باشد. Razor به شما اجازه می دهد که بین ایجاد کردن کدهای HTML و زبان برنامه نویسی سی شارپ در یک فایل یکسان و با لحاظ نمودن کاراکتر @ جابجا بشوید. در ویژوال استودیو و فایلهای Razor قابلیت IntelliSense نیز وجود دارد که این موضوع خود میتواند یک مزیت بسیار مهم بحساب بیاید. فریم وریک های Razor Pages و MVC نیز از فایلهای Razor استفاده میکنند. تفاوت اصلی فریم ورک Blazor با فریم ورک های Razor Pages و MVC در این است که فریم ورک های Razor Pages و MVC بر اساس یک مدل Request و Response کار میکنند. این در حالی است که فریم ورک Blazor و کامپوننت های ایجاد شده در آن به منظور ایجاد کردن UI Logic برنامه در سمت کلاینت و همچنین ترکیب شدن با یکدیگر مورد استفاده قرار میگیرند. کدی که در قسمت زیر مشاهده می کنید تعریف کردن یک کامپوننت بسیار ساده به نام Dialog.Razor را در فریم ورک Balzor به شما نشان میدهد.
@Title
@ChildContent
@code {
[Parameter]
public string Title { get; set; }
[Parameter]
public RenderFragment ChildContent { get; set; }
private void OnYes()
{
Console.WriteLine("Write to the console in C#! 'Yes' button was selected.");
}
}
در دستور بالا مشاهده می کنید که محتوای بدنه این کامپوننت که ChildContent نام دارد، و همچنین عنوان آن که Title نام دارد توسط کامپوننت دیگری که از این کامپوننت به عنوان فرزند خود استفاده خواهد کرد فراهم می شود. علاوه بر این، در زمان کلید شدن بر روی یک Button و رخ دادن رویداد onClick یک متد در زبان برنامه نویسی سی شارپ به نام OnYes تعریف شده است، که این Event را هندل نمایند. در رابطه با هندل کردن Event ها توصیه میکنیم از آموزش Event ها، Delegate ها و Lambda Expression ها در سی شارپ استفاده کنید. در پایان توصیه می کنیم که حتما از آموزش های مختلف وب سایت پرووید در رابطه با Blazor از قبیل آموزش Authentication و Authorization در بلیزر Blazor و آموزش بلیزر Blazor پیشرفته برای اپلیکیشن های تجاری استفاده کنید.
فصل اول: مقدمه دوره آموزشی
فصل دوم: ایجاد کردن اولین کامپوننت در Blazor
فصل سوم: ایجاد کردن یک اپلیکیشن Interactive در Blazor
فصل چهارم: ایجاد کردن Templated Component ها
تمامی حقوقی مادی و معنوی متعلق به گروه آموزشی پرووید است.
نقد و بررسیها
هیچ دیدگاهی برای این محصول نوشته نشده است.