توضیحات

آموزش ساخت اپلیکیشن کامل با Blazor Wasm سری اول یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم.

تکنولوژی Blazor و ساختن اپلیکیشن های SPA

Blazor یک فریم‌ورک توسعه وب است که توسط مایکروسافت ساخته شده و به برنامه‌نویسان این امکان را می‌دهد اپلیکیشن‌های وب تعاملی با استفاده از زبان #C و فریم‌ورک .NET بسازند. برخلاف جاوااسکریپت، Blazor به شما اجازه می‌دهد که از #C در سمت کلاینت و سرور استفاده کنید و تمام پردازش‌ها را در محیط آشنا و امن .NET انجام دهید. این فریم‌ورک امکانات متعددی برای توسعه‌دهندگان فراهم می‌کند و دو مدل اصلی آن عبارتند از Blazor WebAssembly و Blazor Server. هر مدل مزایا و کاربردهای خاص خود را دارد که توسعه‌دهندگان بسته به نیاز پروژه می‌توانند انتخاب کنند.

Blazor WebAssembly

Blazor WebAssembly به شما اجازه می‌دهد اپلیکیشن‌های وب را با استفاده از #C نوشته و آن‌ها را به WebAssembly تبدیل کنید. WebAssembly یک فرمت باینری است که توسط مرورگرها به طور مستقیم اجرا می‌شود و باعث می‌شود کدهای .NET بدون نیاز به سرور پردازش شوند. این روش باعث کاهش تأخیرها و بهبود تجربه کاربری می‌شود، زیرا تمام پردازش‌ها در سمت کلاینت انجام می‌شوند. علاوه بر این، Blazor WebAssembly از ویژگی‌هایی مانند دسترسی به APIهای وب، ذخیره‌سازی محلی و تعامل با جاوااسکریپت پشتیبانی می‌کند، که امکان ساخت اپلیکیشن‌های پیچیده و تعاملی را فراهم می‌کند.

Blazor Server

Blazor Server یک مدل دیگر برای اجرای اپلیکیشن‌های Blazor است که در آن کدها در سمت سرور اجرا می‌شوند و تنها رابط کاربری به مرورگر ارسال می‌شود. ارتباط بین مرورگر و سرور از طریق SignalR برقرار می‌شود که یک کتابخانه برای ایجاد ارتباط دوطرفه در زمان واقعی است. مزیت این مدل این است که از منابع سرور برای پردازش استفاده می‌شود و نیازی به بارگذاری کد WebAssembly در مرورگر نیست. این مدل مناسب اپلیکیشن‌هایی است که نیاز به پردازش‌های پیچیده یا دسترسی به منابع سرور دارند.

کامپوننت‌ها (Components)

در Blazor، برنامه‌ها به مجموعه‌ای از کامپوننت‌ها تقسیم می‌شوند که شامل کدهای #C، HTML و CSS هستند. این کامپوننت‌ها به راحتی قابل استفاده مجدد هستند و امکان ساخت UIهای پیچیده با معماری مدولار را فراهم می‌کنند. کامپوننت‌ها می‌توانند به صورت تودرتو باشند، یعنی یک کامپوننت می‌تواند شامل سایر کامپوننت‌ها باشد. این ویژگی باعث خوانایی بهتر و نگهداری آسان کدها می‌شود و مشابه سایر فریم‌ورک‌های مدرن جاوااسکریپت مانند React و Vue است.

Data Binding و Event Handling

Blazor از Data Binding پشتیبانی می‌کند که داده‌ها را بین UI و کدهای #C همگام‌سازی می‌کند. این ویژگی به توسعه‌دهندگان اجازه می‌دهد اپلیکیشن‌های تعاملی و پاسخگو بسازند بدون اینکه نیاز به نوشتن کدهای اضافی برای مدیریت تغییرات داده‌ها باشد. همچنین، Event Handling در Blazor امکان مدیریت رویدادها مانند کلیک روی دکمه‌ها و تغییر ورودی‌ها را فراهم می‌کند. توسعه‌دهندگان می‌توانند این رویدادها را به توابع #C متصل کنند تا به محض وقوع، اجرا شوند و تجربه کاربری تعاملی بهبود یابد.

مزایای Blazor

استفاده از Blazor باعث یکپارچگی کامل با .NET می‌شود و توسعه‌دهندگان با تجربه در .NET می‌توانند از همان مهارت‌ها برای توسعه اپلیکیشن‌های وب استفاده کنند. این یکپارچگی یادگیری و توسعه را سریع‌تر و روان‌تر می‌کند. علاوه بر این، Blazor WebAssembly عملکرد بالایی دارد و کدها مستقیماً در مرورگر اجرا می‌شوند. استفاده از معماری مدولار و کامپوننت‌ها مدیریت و نگهداری اپلیکیشن را ساده می‌کند و تعامل با جاوااسکریپت امکان استفاده از کتابخانه‌های موجود را فراهم می‌آورد.

سرفصل مطالب آموزش ویدئویی ساخت اپلیکیشن کامل با Blazor Wasm سری اول

• قسمت ۱: معرفی Blazor و راه‌اندازی پروژه
• قسمت ۲: کامپوننت‌ها و Layoutهای Razor
• قسمت ۳: Data Binding و رویدادها در Blazor
• قسمت ۴: Routing و ناوبری در Blazor
• قسمت ۵: ساخت API Backend برای مدیریت بیماران با ASP.NET Core Web API
• قسمت ۶: دریافت داده‌ها از Backend API در Blazor Client
• قسمت ۷: دریافت جزئیات بیماران بر اساس شناسه (ID) از Backend API
• قسمت ۸: افزودن بیماران جدید با استفاده از POST Request به Backend API
• قسمت ۹: اعتبارسنجی فرم با Data Annotations و `EditForm` در Blazor
• قسمت ۱۰: حذف بیماران از Backend و به‌روزرسانی رابط کاربری