آموزش Blazor WebAssembly - توسعه وب Full Stack

Blazor WebAssembly - Full Stack Web Development

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: آموزش ساخت یک برنامه Blazor WebAssembly با استفاده از مفاهیم سطح سازمانی، الگوهای طراحی و ویژگی ها. ساخت یک برنامه وب مدرن با استفاده از Blazor WebAssembly استفاده از Blazor و NET 5 (NET 6/.NET 7 ارتقاء گنجانده شده است) کد First و Entity Framework Level Enterprise Architecture and Patterns Dependency Injection استفاده از NuGet Package Manager مدیریت و ردیابی تغییرات با استفاده از برنامه GitHub. NET Core استقرار Blazor Application در Microsoft Azure Progressive Web Application Blazor Components Blazor WebAssembly و .NET Core RESTful API Identity Core and Identity Server (ارتقا به سرور Duende Identity) REST API توسعه CSS سفارشی و JavaScript در Blazor Sipplication کامپیوتر درک اولیه HTML و CSS اینترنت تمایل به یادگیری

نمای کلی

نوشتن برنامه های وب مدرن با رابط کاربری غنی می تواند خسته کننده باشد. 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

نمایش نظرات

نظری ارسال نشده است.

آموزش Blazor WebAssembly - توسعه وب Full Stack
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
9.5 hours
51
Udemy (یودمی) udemy-small
02 آذر 1401 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
11,021
4.4 از 5
ندارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Udemy (یودمی)

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

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