آموزش Blazor WebAssembly - توسعه وب Full Stack
Blazor WebAssembly - Full Stack Web Development
نمای کلی
نوشتن برنامه های وب مدرن با رابط کاربری غنی می تواند خسته کننده باشد. Blazor به ما توسعه دهندگان دات نت فرصتی می دهد تا از مهارت های C# ما استفاده کرده و رابط های کاربری وب تعاملی ایجاد کنند. در این دوره آموزشی توسعه وب مدرن با Blazor و .NET 5 توانایی ساخت برنامه های تحت وب با استفاده از Blazor را به دست خواهید آورد. ما بررسی خواهیم کرد: راه‌اندازی اولین برنامه Blazor، نحوه کار با API و نحوه اتصال داده‌ها، نحوه ایجاد و ادغام اجزای جاوا اسکریپت.
وقتی این دوره را به پایان رساندید، مهارت و دانش لازم برای ساختن یک برنامه وب با استفاده از Blazor را خواهید داشت.
**به روز رسانی **
.NET 6 اکنون در دسترس است و با Visual Studio 2022 ارسال می شود. این دوره برای نشان دادن نحوه ایجاد پروژه با استفاده از Visual Studio 2022 و NET 6 به روز شده است.
همه چیز در این دوره با NET 6/.NET 7 سازگار است.
در غیر این صورت، اگر تمایلی به ارتقاء نداشته باشید، همه چیز در پروژه دقیقاً یکسان کار خواهد کرد، حتی اگر این کار را انجام دهید.
چرا با Blazor توسعه دهیم؟
محبوب ترین چارچوب های وب سمت کلاینت جاوا اسکریپت Angular، React، Vue و دیگران بوده اند. در این دوره، با استفاده از Blazor که پاسخ مایکروسافت به آن انحصار است، آن را دات نت نگه می داریم.
Blazor به شما این امکان را می دهد که یک برنامه Single Page Application در بالای NET Core ایجاد کنید و به کدنویسی در C# ادامه دهید (بدون نیاز به جابجایی زیاد بین C# و JavaScript). برنامه های Blazor دارای اجزای واسط وب قابل استفاده مجدد هستند که با استفاده از C#، HTML و CSS پیاده سازی شده اند. هم کد کلاینت و هم کد سرور در سی شارپ نوشته شده اند و به شما امکان می دهند کد و کتابخانه ها را به اشتراک بگذارید.
Blazor WebAssembly
Blazor می‌تواند کد C# سمت کلاینت شما را مستقیماً با استفاده از WebAssembly (به‌اختصار WASM) در مرورگر اجرا کند. از آنجایی که دات نت واقعی روی WebAssembly اجرا می شود، می توانید از کدها و کتابخانه ها از قسمت های سمت سرور برنامه خود دوباره استفاده کنید.
ما بسیاری از پیچیدگی‌های چرخه عمر Blazor، جریان داده، قابلیت همکاری جاوا اسکریپت، و فعالیت‌ها و تفاوت‌های توسعه کلی را بررسی خواهیم کرد.
استقرار در Microsoft Azure Cloud
سرویس برنامه وب Azure کلید استقرار API و برنامه های سرور Blazor است. ما همچنین Azure SQL را برای پشتیبانی از API خود در پایگاه داده استفاده خواهیم کرد.
با Blazor یک پایه قوی در برنامه نویسی NET 5 بسازید:
با استفاده از Blazor و NET 5 (یا NET 6) یک UI سمت سرویس گیرنده برنامه تک صفحه بسازید
با استفاده از Entity Framework Core یک پایگاه داده طراحی کنید
الگوی مخزن و تزریق وابستگی
برنامه وب پیشرو (PWA) با Blazor
آشنایی با اصول طراحی REST API و Client UI
مدیریت خطای جهانی با رهگیر HTTP
C# و .NET Core Web Syntax را درک کنید
با نحوه سفارشی کردن طرح‌بندی برنامه Blazor آشنا شوید
احراز هویت و مجوز کاربر در Blazor را درک کنید
هسته هویت و سرور هویت را بشناسید
وضعیت احراز هویت کاربر برنامه Blazor را کنترل کنید
REST Web API را در برنامه Blazor مصرف کنید
پکیج ها را با NuGet Manager مدیریت کنید
GitHub را برای کنترل منبع راه اندازی کنید
برنامه ها و پایگاه داده را در Microsoft Azure مستقر کنید
پیش نیازها
برای شرکت در این دوره، باید حداقل 3 ماه تجربه برنامه نویسی در C# داشته باشید. اگر نیاز به تقویت اصول C# خود دارید، می توانید دوره مبتدی C# من را با کنسول C# و توسعه فرم های ویندوز با LINQ ADO .NET بگذرانید. اگر نیاز دارید مهارت‌های توسعه وب خود را تقویت کنید، می‌توانید Introduction To Website Development Technologies را نیز مرور کنید تا اصول HTML، CSS و جاوا اسکریپت را بیاموزید.
محتوا و نمای کلی
برای گذراندن این دوره، باید دانش برنامه نویسی شی گرا (اگر نه C#) داشته باشید. حتی اگر با پشته توسعه دات نت آشنا نیستید، این دوره برای مبتدیان و پر از نکات توسعه است.
این یک دوره آموزشی بزرگ است. بیش از 10 ساعت محتوای ممتاز، اما به طور هوشمندانه برای برجسته کردن فعالیت‌های مرتبط بر اساس هر ماژول در برنامه در حال ساخت، تجزیه شده است. ما همچنین به عیب‌یابی و اشکال‌زدایی خطاها در حین پیش‌روی، اجرای بهترین شیوه‌ها، نوشتن منطق کارآمد و درک اینکه چرا توسعه‌دهندگان کارها را به روشی که انجام می‌دهند، نگاه خواهیم کرد. دانش شما، گام به گام، در طول دوره رشد می کند و شما را به چالش می کشد تا بهترین باشید.
بار اول کارها را به بهترین نحو انجام نمی دهیم. که با واقعیت نوشتن کد متفاوت است. ما اشتباهاتی را مرتکب می شویم و به آنها اشاره می کنیم و آنها را در اطراف آنها اصلاح می کنیم. با انجام این کار، مهارت در استفاده از ابزارها و تکنیک های اشکال زدایی را توسعه می دهیم. زمانی که دوره را تمام کردید، در ویژوال استودیو حرکت کرده اید و خطاهای منطقی و نحوی را آنقدر بررسی کرده اید که هنگام کار در محیط دات نت برای شما طبیعت دوم خواهد بود. این مهارت‌های تازه آموخته شده شما را به کار می‌گیرد و رئیس و همکارانتان را تحت تأثیر قرار می‌دهد.
این دوره با فایل‌های کاری میزبانی شده در GitHub، شامل برخی از فایل‌ها برای آسان‌تر کردن کدهای نشان‌داده‌شده، تکمیل می‌شود. شما می توانید در حین کار در هر سخنرانی در کنار نویسنده کار کنید و پس از اتمام دوره، یک گواهی پایان قابل تایید دریافت خواهید کرد.
کلیک کردن روی دکمه این دوره می‌تواند بهترین قدمی باشد که می‌توانید برای افزایش سریع درآمد و بازارپذیری خود بردارید! همچنین، به یاد داشته باشید که اگر فکر میکنید دوره ارزش هزینه‌ای را که صرف کرده‌اید ندارد، 30 روز کامل فرصت دارید تا بازپرداخت بدون سؤال را دریافت کنید!
زمان اقدام فرا رسیده است!
شما را در دوره می بینیم!
معرفی Introduction
-
معرفی Introduction
تنظیم محیط Setup Environment
-
Visual Studio 2022 Community Edition و NET 6/.NET 7 را نصب کنید Install Visual Studio 2022 Community Edition and .NET 6 / .NET 7
-
یک حساب GitHub ایجاد کنید Create a GitHub Account
اولین برنامه Blazor خود را ایجاد کنید Create Your First Blazor Application
-
پروژه Blazor را ایجاد کنید Create Blazor Project
-
فایل ها و پوشه های پروژه تور Tour Project Files and Folders
-
به روز رسانی: ایجاد/ارتقا پروژه به NET 6 UPDATE: Create/Upgrade Project to .NET 6
-
*اختیاری* - سازگاری با دات نت 7 *OPTIONAL* - .NET 7 Compatibility
-
طرح بندی Blazor را سفارشی کنید Customize Blazor Layout
-
ایجاد اجزای Blazor Creating Blazor Components
-
بررسی و اضافه کردن تغییرات به GitHub Review and Add Changes to GitHub
کار با احراز هویت و چارچوب نهاد Working With Authentication and Entity Framework
-
نمای کلی بخش Section Overview
-
آشنایی با احراز هویت و سرور Understanding Authentication and Identity Server
-
ایجاد پایگاه داده با Entity Framework Core Create Database With Entity Framework Core
-
پیکربندی Data Seding Configure Data Seeding
-
Seed Default User and User-Role - مقایسه یادداشت ها Seed Default User and User-Role - Compare Notes
-
به روز رسانی مهم: رفع خطای سرور 4 ارتقاء و هویت سرور .NET 6 IMPORTANT UPDATE: .NET 6 Upgrade and Identity Server 4 Error Fix
-
بررسی و اضافه کردن تغییرات به GitHub Review and Add Changes to GitHub
REST API و راه اندازی دسترسی به پایگاه داده REST API and Database Access Setup
-
نمای کلی بخش Section Overview
-
نقاط پایانی REST API را ایجاد و آزمایش کنید Create and Test REST API Endpoints
-
اجرای واحد کار Implement Unit of Work
-
کنترل کننده های موجود Refactor برای استفاده از Unit of Work. Refactor Existing Controllers to use Unit of Work.
-
کنترل کننده های موجود Refactor برای استفاده از واحد کار - مقایسه یادداشت ها Refactor Existing Controllers to use Unit of Work - Compare Notes
-
مهم - نحو صحیح وجود دارد IMPORTANT - Correct Exists Method Syntax
-
بررسی و اضافه کردن تغییرات به GitHub Review and Add Changes to GitHub
کار با Blazor و Data Working with Blazor and Data
-
نمای کلی بخش Section Overview
-
Blazor Display Data - List Blazor Display Data - List
-
Blazor Display Data - List - Compare Notes Blazor Display Data - List - Compare Notes
-
مهم - رفع حذف نقطه پایانی IMPORTANT - Fix Delete Endpoint
-
راه اندازی ایجاد فرم - قسمت 1 Setup Create Form - Part 1
-
راه اندازی ایجاد فرم - قسمت 2 Setup Create Form - Part 2
-
فرم به روز رسانی راه اندازی - قسمت 1 Setup Update Form - Part 1
-
فرم به روز رسانی راه اندازی - قسمت 2 Setup Update Form - Part 2
-
مهم - مشکل ویرایش خودرو را برطرف کنید IMPORTANT - Fix Vehicle Edit Issue
-
فرم به روز رسانی راه اندازی - کار اضافی رزرو Setup Update Form - Bookings Additional Work
-
مهم - فیلدهای حسابرسی کاربر را رفع کنید IMPORTANT - Fix User Audit Fields
-
اعتبار سنجی را به فرم ها اضافه کنید Add Validation to Forms
-
Blazor Display Data - جزئیات Blazor Display Data - Details
-
پاک کردن کد و اضافه کردن تغییرات به GitHub Code Clean Up and Add Changes to GitHub
ملاحظات معماری Architectural Considerations
-
استفاده از رویکرد کد پشت به اجزای Blazor Using a Code-Behind Approach to Blazor Components
-
مدیریت خطای جهانی Global Error Handling
-
اضافه کردن تغییرات به GitHub Add Changes to GitHub
ویژگی ها و فعالیت های ارزش افزوده Value Added Features and Activities
-
طرح بندی هویت و منطق را سفارشی کنید Customize Identity Layout and Logic
-
تعامل جاوا اسکریپت با کتابخانه های شخص ثالث JavaScript Interop With Third Party Libraries
-
تعامل ایمن جاوا اسکریپت با خط مشی امنیتی محتوا (CSP) Secure JavaScript Interop With Content Security Policy (CSP)
-
پشتیبانی از آپلود فایل File Upload Support
-
مخزن عمومی HttpClient Generic HttpClient Repository
-
به روز رسانی: حذف رشته های جادویی UPDATE: Removing Magic Strings
-
پشتیبانی از برنامه های وب پیشرفته Progressive Web Application Support
-
اضافه کردن تغییرات به GitHub Add Changes to GitHub
اعزام به تولید Deploy to Production
-
به Azure مستقر شوید Deploy to Azure
بخش پاداش Bonus Section
-
سخنرانی پاداش Bonus Lecture
Trevoir Williams
نمایش نظرات