آموزش Blazor Framework در Asp.NET Core

Blazor از جمله فریمورک های مایکروسافت است که برای ایجاد رابط کاربری (UI) بر اساس .NET مورد استفاده قرار می گیرد و توسط WebAssembly در مرورگر اجرا می شود. بلیزر که مبتنی بر فناوری های تحت وب موجود مانند HTML و CSS است، برای ایجاد رابط کاربری سازگار با وب، از دستورات C# و Razor به جای جاوا اسکریپت (JavaScript) استفاده می کند.

در این مقاله از آموزشگاه تحلیل داده می آموزیم که Blazor فریمورکی از خانواده .NET است که از C# یا Razor و HTML استفاده می کند و در مرورگر به همراه WebAssembly اجرا می شود. فریمورک بلیزر تمامی مزایای یک فریمورک وب برای واسط کاربری (UI) را بوسیله .NET در سمت کاربر و سرور (به صورت اختیاری) فراهم می کند. علاوه بر این، چگونگی ساخت اولین برنامه با Blazor Framework را نیز آموزش می بینیم.

یک کامپوننت بخشی از واسط کاربری (UI) از جمله صفحه، گفتگو یا فرم است. برنامه فریم ورک بلیزر با استفاده از مولفه هایی ساخته شده است که منعطف و سبک هستند و قابلیت تو در تو شدن، استفاده مجدد و همچنین اشتراک گذاری بین پروژه ها را دارد.

در این مقاله از آموزشگاه تحلیل داده می آموزیم در هنگام ساخت یک مولفه بلیزر، میتوان نشانگر منظر (view markup) و منطق کد C# را در فایل های مجزا ایجاد کرد. از بخش @inherits برای ارائه اطلاعاتی به کامپایلر در فریم ورک blazor استفاده می شود، از جمله اینکه کلاس تولید شده از منظرrazor (Razor view) را از کلاس مشخص شده توسط این بخش مشتق کند.

در این مقاله از آموزشگاه تحلیل داده می آموزید که در فریم ورک blazor می توانید پارامترهایی را به هر مولفه ای که با استفاده از خصیصه های غیر عمومی (non-public) در کلاس مولفه تعریف شده است، اضافه کنید. برای این منظور باید آن خصیصه را به ویژگی [Parameter] مجهز کنید.

در این مقاله از آموزشگاه تحلیل داده می آموزیم که در فریم ورک blazor به سادگی می توان هر مولفه ای را در مولفه های دیگر اضافه و مجددا استفاده کرد. برای این منظور باید با استفاده از نحو عناصر HTML آنها را اعلان کرد. نحوه نشانه گذاری برای استفاده از یک مولفه، مشابه یک تگ HTML است که نام تگ، نوع مولفه است.

در این مقاله از آموزشگاه تحلیل داده می آموزید که در فریم ورک بلیزر (Blazor) می توان با استفاده از خصیصه bind، داده ها را هم به مولفه ها و هم به عناصر DOM متصل کرد.

در این مقاله از آموزشگاه تحلیل داده می آموزید که در سایر فریمورک ها مانند Angular، اتصال داده یک طرفه با عنوان درون یابی (interpolation) نیز شناخته می شود. در اتصال یک طرفه، باید نام متغیر یا ویژگی (property) را به همراه @ پاس داد مانند @Title (در اینجا Title یا متغیر است یا ویژگی).

در این مقاله از آموزشگاه تحلیل داده می آموزید که فریمورک بلیزر با استفاده از خصیصه bind از اتصال داده دو طرفه نیز پشتیبانی می کند. در حال حاظر، فریم ورک بلیزر تنها از انواع داده string, int, DateTime, Enum, bool برای اتصال داده دو طرفه پشتیبانی می کند.

در این مقاله از آموزشگاه تحلیل داده می آموزید که اتصال رویداد در فریمورک بلیزر نسبتا محدود است و فقط onclick و onchange پشتیبانی می شوند.

در این مقاله از آموزشگاه تحلیل داده می آموزید که به صورت پیش فرض، فریمورک بلیزر تازه سازی ضروری UI را در بسیاری از شرایط مانند کلیک یک دکمه، به صورت خودکار تشخیص می دهد. اگر چه، شرایطی وجود دارد که می خواهیم به صورت دستی با استفاده از متد BlazorComponent.StateHasChanged تازه سازی UI را فعال کنیم.

در این مقاله از آموزشگاه تحلیل داده می آموزید که معمولا برنامه های کاربردی مدرن دارای بیش از یک صفحه هستند که عناصر طرح بندی خاص خود را دارند، و از جمله این عناصر می توان به منو ها، لوگو ها و پیام های کپی رایت که روی تمامی صفحات نمایش داده می شوند اشاره کرد. استفاده مجدد از کد این عناصر طرح بندی در تمامی صفحات راه حل خوبی نخواهد بود. اما طرح بندی در فریم ورک blazor ....

در این مقاله از آموزشگاه تحلیل داده می آموزید که مسیر یک الگوی URL است و مسیریابی یک روند انطباق الگو است که درخواست ها را مانیتور می کند و تصمیم می گیرد که با هر درخواست چه کاری انجام دهد.فریمورک بلیزر یک مسیریاب (router) سمت کاربر ارائه می کند و .....

در این مقاله از آموزشگاه تحلیل داده می آموزید که تزریق وابستگی یک روش برای به دست آوردن وارونگی کنترل (Inversion of Control - IoC) بین کلاس ها و وابستگی های آنها است. به بیان دیگر، تزریق وابستگی روشی است برای دسترسی به خدماتی(services) که در یک مکان مرکزی پیکربندی شده اند. فریمورک بلیزر دارای پشتیبانی داخلی (built-in) برای تزریق وابستگی است و .....

در این مقاله از آموزشگاه تحلیل داده می آموزید که برنامه های کاربردی فریمورک بلیزر متدهای طول عمر همگام (synchronous) و نا همگام (asynchronous) متفاوتی را ارائه می کند که از جمله آنها می توان به موارد زیر اشاره کرد : ......

در این مقاله از آموزشگاه تحلیل داده می آموزیم که فریمورک بلیزر یک فریمورک سمت کاربر (frontend) است، اما هیچ دسترسی مستقیمی به DOM API مرورگر ندارد. در زمینه توسعه وب، خواهان دسترسی به API مرورگر و توابع جاوا اسکریپت هستیم. علاوه بر این، گاهی نیازمند فراخوانی توابع جاوا اسکریپت هستیم که برنامه کاربردی فریمورک blazor می تواند این کار را انجام دهد.....

در این مقاله از آموزشگاه تحلیل داده می آموزید که به طور پیش فرض، قالب های blazor framework، با استفاده از @functions،کد منطق منظر را درون قالب razor تولید می کنند. در پشت صحنه، فریمورک blazor یک کلاس شامل کد C# برای تولید درخت اشیای منظر و یک کد C# برای نمایش منطق منظر ، تولید می کند......