آموزش مباحث پیشرفته در Blazor Web Assembly یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته آموزشی، الگوهای معماری نرم افزار است که با نام اصلی Advanced Blazor Web Assembly از شرکت Lynda منتشر شده است.

تکنولوژی Blazor Web Assembly

تکنولوژی Blazor Web Assembly یک فریم‌ورک مدرن برای ساخت برنامه‌های وب است که به توسعه‌دهندگان این امکان را می‌دهد که کد سی شارپ را مستقیماً در مرورگر اجرا کنند. این فریم‌ورک از Web Assembly برای اجرای کد سی شارپ در مرورگر استفاده می‌کند و به این ترتیب به جای استفاده از JavaScript، از زبان برنامه‌نویسی سی شارپ برای توسعه اپلیکیشن‌های وب استفاده می‌شود. Blazor Web Assembly امکاناتی مانند تعامل با رابط‌های کاربری، مدیریت وضعیت، و اجرای کد به صورت بلادرنگ در مرورگر را فراهم می‌آورد، که به کاهش وابستگی به سرور و افزایش کارایی اپلیکیشن‌های وب کمک می‌کند.

تعامل JavaScript (JavaScript Interop)

تعامل JavaScript (JavaScript Interop) در Blazor این امکان را می‌دهد که کدهای سی شارپ و JavaScript به راحتی با یکدیگر ارتباط برقرار کنند. این ویژگی به توسعه‌دهندگان Blazor اجازه می‌دهد که از کتابخانه‌ها و APIهای JavaScript موجود در پروژه‌های خود استفاده کنند و قابلیت‌هایی را که در سی شارپ به طور مستقیم در دسترس نیست، به راحتی فراخوانی کنند. تعامل JavaScript به ویژه در مواقعی که نیاز به استفاده از قابلیت‌های خاص مرورگر یا کتابخانه‌های JavaScript شخص ثالث باشد، بسیار مفید است. این روش به Blazor این امکان را می‌دهد که از مزایای هر دو زبان در کنار یکدیگر بهره‌برداری کند.

مدیریت وضعیت (State Management)

مدیریت وضعیت در Blazor برای ذخیره و هماهنگی داده‌ها و وضعیت‌های مختلف اپلیکیشن کاربرد دارد. در این معماری، وضعیت برنامه می‌تواند در سطح کامپوننت‌ها، صفحات، یا در سطح سراسری ذخیره شود و به این ترتیب وضعیت به راحتی بین اجزای مختلف برنامه به اشتراک گذاشته شود. برای مدیریت وضعیت، روش‌هایی مانند استفاده از متغیرهای محلی، ذخیره‌سازی در sessionStorage و localStorage، یا استفاده از سرویس‌های مدیریت وضعیت مانند Cascading Parameters و StateContainer موجود است. این ویژگی به توسعه‌دهندگان کمک می‌کند تا وضعیت پیچیده اپلیکیشن را به طور مؤثر و سازمان‌یافته مدیریت کنند.

پیش‌نمایش (Prerendering)

پیش‌نمایش (Prerendering) در Blazor به فرآیند رندر کردن صفحه‌های وب در سرور پیش از ارسال به مرورگر گفته می‌شود. در این روش، محتوای HTML در سرور رندر شده و سپس به مرورگر فرستاده می‌شود، که باعث کاهش زمان بارگذاری و ارائه تجربه کاربری بهتری می‌شود. پیش‌نمایش در Blazor باعث می‌شود که کاربران محتوای اولیه را سریع‌تر مشاهده کنند، حتی اگر تمام اجزای صفحه هنوز از طریق Web Assembly بارگذاری نشده باشند. این ویژگی به ویژه برای بهبود عملکرد و سئو در اپلیکیشن‌های Blazor مفید است.

سرفصل مطالب آموزش ویدئویی مباحث پیشرفته در Blazor Web Assembly

فصل اول: مقدمه دوره آموزشی

• یادگیری Blazor WebAssembly پیشرفته
• آنچه باید بدانید
• راه‌اندازی سیستم برای کدنویسی

فصل دوم: بررسی JavaScript Interop

• فراخوانی متدهای جاوااسکریپت در یک Razor component
• استفاده از ایزولاسیون جاوااسکریپت با ماژول‌ها در یک Razor component
• ارجاع به عناصر جاوااسکریپت در یک کامپوننت ریزر
• فراخوانی کد .NET از جاوااسکریپت
• فصل سوم: بررسی Razor component ها
• بارگذاری و استریم یک تصویر به صورت دینامیک
• مجازی‌سازی در یک Razor component

فصل چهارم: بررسی SignalR

• راه‌اندازی SignalR در یک Blazor-hosted app
• ارسال پیام به یک کلاینت SignalR
• ارسال و مدیریت پیام‌ها به یک هاب SignalR

فصل پنجم: آپلود و دانلود فایل

• نحوه آپلود فایل در یک اپلیکیشن میزبانی‌شده Blazor WebAssembly
• امنیت در آپلود فایل در یک اپلیکیشن ASP.NET Core
• امنیت در آپلود فایل از طریق Blazor WebAssembly
• چالش
• راه‌حل

فصل ششم: بررسی State Management

• تفاوت بین localStorage و sessionStorage
• به اشتراک‌گذاری داده‌ها با استفاده از in-memory state container service

فصل هفتم: بررسی Prerendering

• نگهداری وضعیت پیش‌نمایش شده در اپلیکیشن Blazor WebAssembly

فصل هشتم: تست کردن کامپوننت‌ها

• تست واحد در Blazor WebAssembly
• تست E2E در Blazor WebAssembly

فصل نهم: نتیجه‌گیری و جمع بندی

• ادامه دادن به یادگیری Blazor