آموزش Blazor - راهنمای کامل (WASM و سرور .NET Core 5)

Blazor - The Complete Guide (WASM & Server .NET Core 5)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با استفاده از Blazor Server، Blazor WASM و .NET 5 (.NET Core) وب سایت رزرو اقامتگاه واقعی را بسازید و در لاجورد مستقر کنید. ساخت اپلیکیشن دنیای واقعی با استفاده از Blazor Web Assembly مدیریت ویژگی‌های مدیریت با استفاده از Blazor Server Build.NET 5 API از ابتدا مصرف. Injection Deploying .NET API, Blazor WASM & Server to Azure پیش نیازها: آشنایی 3-6 ماهه با C# و SQL دانش پایه NET Core 5 (MVC & API) دانش اولیه EF Core Visual Studio 2019 SQL Server 2016+

سال‌هاست که چارچوب‌های جاوا اسکریپت بر توسعه سمت جلو/مشتری تسلط داشته‌اند! اما با Blazor همه چیز در شرف تغییر است!

Blazor بخش جدید و هیجان انگیز .NET Core (.NET 5) است که برای ایجاد رابط های کاربری وب غنی در C# طراحی شده است. این دوره به توسعه‌دهندگان کمک می‌کند تا از ساختن برنامه‌های نمونه اولیه به پیاده‌سازی مفاهیم، ​​الگوهای طراحی و ویژگی‌های دنیای واقعی‌تر تغییر کنند.

سوالات زیادی وجود دارد.

  • چگونه یک برنامه موجود را مقیاس بندی می کنید؟

  • چگونه یک پروژه در مقیاس متوسط ​​را طراحی می کنید؟

  • چگونه پرداخت ها را به درستی پردازش کنیم؟

  • چگونه Blazor را به طور موثر درک کنیم و از آن در پروژه های دنیای واقعی استفاده کنیم؟

این دوره یک سناریوی کامل از دنیای واقعی را با Blazor در اختیار شما قرار می‌دهد که شما را با چالش‌های زیادی روبرو می‌کند و با ادامه دوره، آن مسائل را حل می‌کند.

دوره های دیگری در Udemy وجود دارد، اما این دوره آموزشی نهایی است، همه چیز را در مورد Blazor از سرور Blazor گرفته تا برنامه های Blazor WASM که .NET 5 API مصرف می کنند، پوشش می دهد.

این دوره به توسعه‌دهندگان کمک می‌کند تا از ساختن برنامه‌های نمونه اولیه به پیاده‌سازی مفاهیم، ​​الگوهای طراحی و ویژگی‌های دنیای واقعی‌تر منتقل شوند.

بنابراین به من در این دوره هیجان انگیز کاوش در مورد چالش های دنیای واقعی با Blazor بپیوندید که به شدت در حال تکامل است!

ما از جدیدترین .NET 5 برای این دوره به همراه Entity Framework Core و Stripe برای پردازش پرداخت استفاده خواهیم کرد.






سرفصل ها و درس ها

معرفی Introduction

  • بومی سازی و جهانی شدن در Blazor Localization and Globalization in Blazor

  • بررسی اجمالی دوره Course Overview

  • بلزور چیست؟ What is Blazor.

  • Blazor Server vs Blazor Client Blazor Server vs Blazor Client

  • این دوره در مورد چه چیزی نیست What this course is not about

معرفی Introduction

  • خوش آمدی Welcome

  • خوش آمدی Welcome

  • نسخه ی نمایشی پروژه دوره Course Project Demo

  • نسخه ی نمایشی پروژه دوره Course Project Demo

  • بومی سازی و جهانی شدن در Blazor Localization and Globalization in Blazor

  • بررسی اجمالی دوره Course Overview

  • منابع پروژه Project Resources

  • منابع پروژه Project Resources

  • بلزور چیست؟ What is Blazor.

  • Blazor Server vs Blazor Client Blazor Server vs Blazor Client

  • این دوره در مورد چه چیزی نیست What this course is not about

  • ایجاد پروژه Create Project

  • مروری بر برنامه سرور Blazor Blazor Server Application Overview

  • مروری بر برنامه سرور Blazor Blazor Server Application Overview

  • Blazor Server vs Client Demo Blazor Server Vs Client Demo

  • Blazor Server vs Client Demo Blazor Server Vs Client Demo

مبانی Blazor Blazor Basics

  • معرفی Introduction

  • اتصال داده دو طرفه Two way data binding

  • تکلیف 1 Assignment 1

  • تکلیف 1 - Data Binding Assignment 1 - Data Binding

  • افزودن لیست اتاق ها Add Rooms List

  • تکلیف 2 Assignment 2

  • مقدمه پاکسازی کد و مسیریابی Code Cleanup and Routing Introduction

  • تکلیف 3 - هتل دمو Assignment 3 - Demo Hotel

  • انتقال پارامترها به کامپوننت ها Passing parameters to Components

  • کامپوننت اتاق فردی Individual Room Component

  • تکلیف 4 - امکانات رفاهی هتل Assignment 4 - Hotel Amenities

  • امکانات هتل Solution Solution Hotel Amenities

  • چرخه زندگی 1 Lifecycle 1

  • چرخه زندگی 3 Lifecycle 3

  • تکلیف 5- رویداد Call Back Assignment 5- Event Call Back

  • تکلیف 5- راه حل تماس رویداد Assignment 5- Event Call Back Solution

مبانی Blazor Blazor Basics

  • معرفی Introduction

  • اتصال داده یک طرفه One way data binding

  • اتصال داده یک طرفه One way data binding

  • اتصال داده دو طرفه Two way data binding

  • تکلیف 1 Assignment 1

  • تکلیف 1 - Data Binding Assignment 1 - Data Binding

  • کشویی و حلقه ها Dropdown and Loops

  • کشویی و حلقه ها Dropdown and Loops

  • افزودن لیست اتاق ها Add Rooms List

  • تکلیف 2 Assignment 2

  • تکلیف 2 - تمرین املاک را ببندید Assignment 2 - Bind Property Practice

  • تکلیف 2 - تمرین املاک را ببندید Assignment 2 - Bind Property Practice

  • مقدمه پاکسازی کد و مسیریابی Code Cleanup and Routing Introduction

  • تکلیف 3 - هتل دمو Assignment 3 - Demo Hotel

  • راه حل تکلیف 3 - هتل دمو Assignment 3 Solution - Demo Hotel

  • راه حل تکلیف 3 - هتل دمو Assignment 3 Solution - Demo Hotel

  • اجزای سازنده در Blazor Components in Blazor

  • اجزای سازنده در Blazor Components in Blazor

  • انتقال پارامترها به کامپوننت ها Passing parameters to Components

  • کامپوننت اتاق فردی Individual Room Component

  • تکلیف 4 - امکانات رفاهی هتل Assignment 4 - Hotel Amenities

  • امکانات هتل Solution Solution Hotel Amenities

  • چرخه زندگی 1 Lifecycle 1

  • چرخه حیات 2 Lifecycle 2

  • چرخه حیات 2 Lifecycle 2

  • چرخه زندگی 3 Lifecycle 3

  • چرخه زندگی 4 Lifecycle 4

  • چرخه زندگی 4 Lifecycle 4

  • تماس رویداد Event Call Back

  • تماس رویداد Event Call Back

  • تکلیف 5- رویداد Call Back Assignment 5- Event Call Back

  • تکلیف 5- راه حل تماس رویداد Assignment 5- Event Call Back Solution

Blazor Intermediate Blazor Intermediate

  • معرفی Introduction

  • راه دیگری برای تماس رویداد Another way for Event Call Back

  • تکلیف 6- Render Fragment Assignment 6- Render Fragment

  • نیاز به پاشیدن صفت Need for Attribute Splatting

  • عبور پارامترها در سطوح چندگانه Passing Parameters at multiple level

  • ارزش آبشاری با نام Cascading Value with Name

Blazor Intermediate Blazor Intermediate

  • معرفی Introduction

  • Render Fragement Render Fragement

  • Render Fragement Render Fragement

  • راه دیگری برای تماس رویداد Another way for Event Call Back

  • قطعه رندر چندگانه Multiple Render Fragment

  • قطعه رندر چندگانه Multiple Render Fragment

  • تکلیف 6- Render Fragment Assignment 6- Render Fragment

  • تکلیف 6 راه حل- رندر قطعه Assignment 6 Solution- Render fragment

  • تکلیف 6 راه حل- رندر قطعه Assignment 6 Solution- Render fragment

  • نیاز به پاشیدن صفت Need for Attribute Splatting

  • پاشیدن صفت Attribute Splatting

  • پاشیدن صفت Attribute Splatting

  • همه ارزش ها را با اسپلیت ثبت کنید Capture All Values with Splatting

  • همه ارزش ها را با اسپلیت ثبت کنید Capture All Values with Splatting

  • عبور پارامترها در سطوح چندگانه Passing Parameters at multiple level

  • پارامتر آبشاری Cascading Parameter

  • پارامتر آبشاری Cascading Parameter

  • ارزش آبشاری با نام Cascading Value with Name

  • مبانی مسیریابی Routing Basics

  • مبانی مسیریابی Routing Basics

  • موضوعات پیشرفته مسیریابی Routing Advance Topics

  • موضوعات پیشرفته مسیریابی Routing Advance Topics

  • مدیر ناوبری Navigation Manager

  • مدیر ناوبری Navigation Manager

پایگاه داده در Blazor Database in Blazor

  • معرفی Introduction

  • پروژه های کتابخانه کلاس چندگانه را اضافه کنید Add Multiple Class Library Projects

  • ApplicationDbContext را اضافه کنید Add ApplicationDbContext

  • پیکربندی پروژه سرور ویلا مخفی برای DbContext Configure Hidden Villa Server Project for DbContext

  • ایجاد پایگاه داده Create Database

  • مدل اتاق هتل Hotel Room Model

  • رابط مخزن هتل Hotel Repository Interface

  • اجرای مخزن اتاق هتل قسمت 1 Hotel Room Repository Implementation Part 1

  • اجرای مخزن اتاق هتل قسمت 2 Hotel Room Repository Implementation Part 2

  • اجرای مخزن اتاق هتل قسمت 3 Hotel Room Repository Implementation Part 3

پایگاه داده در Blazor Database in Blazor

  • معرفی Introduction

  • پروژه های کتابخانه کلاس چندگانه را اضافه کنید Add Multiple Class Library Projects

  • ApplicationDbContext را اضافه کنید Add ApplicationDbContext

  • پیکربندی پروژه سرور ویلا مخفی برای DbContext Configure Hidden Villa Server Project for DbContext

  • ایجاد پایگاه داده Create Database

  • مدل اتاق هتل Hotel Room Model

  • اتاق هتل DTO Hotel Room DTO

  • اتاق هتل DTO Hotel Room DTO

  • رابط مخزن هتل Hotel Repository Interface

  • اجرای مخزن اتاق هتل قسمت 1 Hotel Room Repository Implementation Part 1

  • اجرای مخزن اتاق هتل قسمت 2 Hotel Room Repository Implementation Part 2

  • اجرای مخزن اتاق هتل قسمت 3 Hotel Room Repository Implementation Part 3

Blazor اشکال و CRUD Blazor forms and CRUD

  • معرفی Introduction

  • صفحه فهرست اتاق هتل را ایجاد کنید Create Hotel Room List Page

  • فرم ها در Blazor قسمت 1 Forms in Blazor Part 1

  • لیست اتاق های هتل Hotel Room List

Blazor اشکال و CRUD Blazor forms and CRUD

  • معرفی Introduction

  • صفحه فهرست اتاق هتل را ایجاد کنید Create Hotel Room List Page

  • فرم ها در Blazor قسمت 1 Forms in Blazor Part 1

  • فرم ها در Blazor قسمت 2 Forms in Blazor Part 2

  • فرم ها در Blazor قسمت 2 Forms in Blazor Part 2

  • اعتبار سنجی در فرم ویرایش Validations in Edit Form

  • اعتبار سنجی در فرم ویرایش Validations in Edit Form

  • اولین اتاق هتل را ایجاد کنید Create First Hotel Room

  • اولین اتاق هتل را ایجاد کنید Create First Hotel Room

  • لیست اتاق های هتل Hotel Room List

Blazor و Javascript Blazor and Javascript

  • معرفی Introduction

  • Toastr را به پروژه اضافه کنید Add Toastr to Project

  • تکلیف 7 - هشدارهای شیرین Assignment 7 - Sweet Alerts

  • تکلیف 7 راه حل- هشدارهای شیرین Assignment 7 Solution- Sweet Alerts

  • ارجاع به اجزاء Referencing Components

Blazor و Javascript Blazor and Javascript

  • معرفی Introduction

  • JS در Blazor JS in Blazor

  • JS در Blazor JS in Blazor

  • Toastr را به پروژه اضافه کنید Add Toastr to Project

  • برنامه های افزودنی JSRuntime JSRuntime Extenstions

  • برنامه های افزودنی JSRuntime JSRuntime Extenstions

  • تکلیف 7 - هشدارهای شیرین Assignment 7 - Sweet Alerts

  • تکلیف 7 راه حل- هشدارهای شیرین Assignment 7 Solution- Sweet Alerts

  • ارجاع به اجزاء Referencing Components

مدیریت اتاق هتل (سرور Blazor) Hotel Room Management (Blazor Server)

  • معرفی Introduction

  • به روز رسانی اتاق هتل قسمت 1 Update Hotel Room Part 1

  • به روز رسانی اتاق هتل قسمت 2 Update Hotel Room Part 2

  • رابط مخزن تصویر اتاق هتل Hotel Room Image Repository Interface

  • اجرای مخزن تصویر اتاق Implement Room Image Repository

  • رابط آپلود فایل را پیاده سازی کنید Implement File Upload Interface

  • کامپوننت فایل ورودی Input File Component

  • نمایشگر تصویر هنگام آپلود Image Viewer when uploading

  • آپلود و اختصاص تصویر به اتاق Upload and assign image to room

  • نمایش تصویر در ویرایش Display Image on Edit

  • حذف مشکل تصویر Delete Image Issue

  • حذف مؤلفه تأیید Delete Confirmation Component

  • دکمه حذف فهرست اتاق هتل Hotel Room List Delete Button

  • حذف تصاویر اتاق Delete Room Images

  • اشکال با حذف Bug with Delete

  • ویرایشگر متن Quill Quill Text Editor

  • امکانات رفاهی هتل Hotel Amenity

مدیریت اتاق هتل (سرور Blazor) Hotel Room Management (Blazor Server)

  • معرفی Introduction

  • به روز رسانی اتاق هتل قسمت 1 Update Hotel Room Part 1

  • به روز رسانی اتاق هتل قسمت 2 Update Hotel Room Part 2

  • مدل تصویر اتاق هتل Hotel Room Image Model

  • مدل تصویر اتاق هتل Hotel Room Image Model

  • رابط مخزن تصویر اتاق هتل Hotel Room Image Repository Interface

  • اجرای مخزن تصویر اتاق Implement Room Image Repository

  • رابط آپلود فایل File Upload Interface

  • رابط آپلود فایل File Upload Interface

  • رابط آپلود فایل را پیاده سازی کنید Implement File Upload Interface

  • کامپوننت فایل ورودی Input File Component

  • مدیریت آپلود تصویر Handle Uploading Image

  • مدیریت آپلود تصویر Handle Uploading Image

  • نمایشگر تصویر هنگام آپلود Image Viewer when uploading

  • آپلود و اختصاص تصویر به اتاق Upload and assign image to room

  • نمایش تصویر در ویرایش Display Image on Edit

  • هنگام به‌روزرسانی اتاق هتل، تصویر بیشتری اضافه کنید Add more image while updating hotel room

  • هنگام به‌روزرسانی اتاق هتل، تصویر بیشتری اضافه کنید Add more image while updating hotel room

  • حذف مشکل تصویر Delete Image Issue

  • هنگام ایجاد اتاق قسمت 1 تصویر را حذف کنید Delete Image while creating room Part 1

  • هنگام ایجاد اتاق قسمت 1 تصویر را حذف کنید Delete Image while creating room Part 1

  • هنگام به‌روزرسانی اتاق، تصویر را حذف کنید Delete Image while updating room

  • هنگام به‌روزرسانی اتاق، تصویر را حذف کنید Delete Image while updating room

  • نمایش پیوند پردازش تصویر Show Image Processing Link

  • نمایش پیوند پردازش تصویر Show Image Processing Link

  • فونت عالی را اضافه کنید Add Font Awesome

  • فونت عالی را اضافه کنید Add Font Awesome

  • حذف مؤلفه تأیید Delete Confirmation Component

  • دکمه حذف فهرست اتاق هتل Hotel Room List Delete Button

  • حذف تصاویر اتاق Delete Room Images

  • اشکال با حذف Bug with Delete

  • ویرایشگر متن Quill Quill Text Editor

  • امکانات رفاهی هتل Hotel Amenity

  • تصویر را در همه پروژه ها در دسترس قرار دهید Make image accessiable across all projects

  • تصویر را در همه پروژه ها در دسترس قرار دهید Make image accessiable across all projects

احراز هویت و مجوز در سرور Blazor Authentication and Authorization in Blazor Server

  • معرفی Introduction

  • هویت داربست Scaffold Identity

  • اجازه دادن به ویژگی Authorize Attribute

  • افزودن نقش ها به صفحات دسترسی دارند Adding roles access to pages

احراز هویت و مجوز در سرور Blazor Authentication and Authorization in Blazor Server

  • معرفی Introduction

  • هویت داربست Scaffold Identity

  • هویت در عمل Identity In Action

  • هویت در عمل Identity In Action

  • ورود و خروج Login and Logout

  • ورود و خروج Login and Logout

  • اجازه دادن به ویژگی Authorize Attribute

  • وضعیت احراز هویت Authentication State

  • وضعیت احراز هویت Authentication State

  • افزودن نقش ها به صفحات دسترسی دارند Adding roles access to pages

DbInitializer DbInitializer

  • معرفی Introduction

  • DB Initializer قسمت 1 DB Initializer Part 1

  • DB Initializer قسمت 2 DB Initializer Part 2

  • DB Initializer در عمل DB Initializer in action

DbInitializer DbInitializer

  • معرفی Introduction

  • DB Initializer قسمت 1 DB Initializer Part 1

  • DB Initializer قسمت 2 DB Initializer Part 2

  • DB Initializer در عمل DB Initializer in action

NET 5API .NET 5API

  • معرفی Introduction

  • راه اندازی API Setup API

  • کنترلر اتاق هتل Hotel Room Controller

  • گسترش هویت کاربر Extend Identity User

  • تنظیم کننده حساب کاربری Setup Account Controller

  • ثبت نام DTO Registration DTO

  • Endpoint ثبت نام کنید Sign Up Endpoint

  • ثبت نام نسخه ی نمایشی Sign Up Demo

  • SignIn Endpoint قسمت 1 SignIn Endpoint Part 1

  • روش‌های کمکی ورود به سیستم SignIn Helper Methods

  • SignIn Endpoint قسمت 2 SignIn Endpoint Part 2

  • Authentication را به API اضافه کنید Add Authentication to API

  • Cors و NewtonsoftJson را اضافه کنید Add Cors and NewtonsoftJson

NET 5API .NET 5API

  • معرفی Introduction

  • معرفی Introduction

  • راه اندازی API Setup API

  • کنترلر اتاق هتل Hotel Room Controller

  • دریافت EndPoint اتاق هتل Get Hotel Room EndPoint

  • دریافت EndPoint اتاق هتل Get Hotel Room EndPoint

  • گسترش هویت کاربر Extend Identity User

  • تنظیم کننده حساب کاربری Setup Account Controller

  • ثبت نام DTO Registration DTO

  • Endpoint ثبت نام کنید Sign Up Endpoint

  • ثبت نام نسخه ی نمایشی Sign Up Demo

  • وارد DTO شوید Sign In DTO's

  • وارد DTO شوید Sign In DTO's

  • SignIn Endpoint قسمت 1 SignIn Endpoint Part 1

  • تنظیمات API API Settings

  • تنظیمات API API Settings

  • روش‌های کمکی ورود به سیستم SignIn Helper Methods

  • SignIn Endpoint قسمت 2 SignIn Endpoint Part 2

  • Authentication را به API اضافه کنید Add Authentication to API

  • Cors و NewtonsoftJson را اضافه کنید Add Cors and NewtonsoftJson

  • حامل را به Swagger اضافه کنید Add Bearer to Swagger

  • حامل را به Swagger اضافه کنید Add Bearer to Swagger

Blazor Client (WASM) Blazor Client (WASM)

  • معرفی Introduction

  • ایجاد پروژه Create Project

  • Bootswatch و NavMenu Bootswatch and NavMenu

  • ذخیره سازی محلی در عمل Local Storage in Action

  • در حال بارگیری Gif Loading Gif

Blazor Client (WASM) Blazor Client (WASM)

  • معرفی Introduction

  • ایجاد پروژه Create Project

  • ایجاد پروژه Create Project

  • Toastr، راه اندازی css و js cdn را اضافه کنید Add Toastr, setup css and js cdn

  • Toastr، راه اندازی css و js cdn را اضافه کنید Add Toastr, setup css and js cdn

  • Bootswatch و NavMenu Bootswatch and NavMenu

  • رابط کاربری صفحه اصلی Home Page UI

  • رابط کاربری صفحه اصلی Home Page UI

  • مدل نمای خانه Home View Model

  • مدل نمای خانه Home View Model

  • محل ذخیره سازی Local Storage

  • محل ذخیره سازی Local Storage

  • ذخیره سازی محلی در عمل Local Storage in Action

  • در حال بارگیری Gif Loading Gif

سمت مشتری مدیریت هتل بلزور Blazor Hotel Management Client Side

  • معرفی Introduction

  • رابط اتاق هتل Hotel Room Interface

  • HttpClient را راه اندازی کنید Setup HttpClient

  • اتاق‌های هتل دارای فضای ذخیره‌سازی محلی هستند Hotel Rooms Get Local Storage

  • Load All Rooms Demo and Common Error Blazor Load All Rooms Demo and Common Error Blazor

  • اشکال زدایی در اسمبلی وب بلزور Debugging in blazor web assembly

  • رابط کاربری اتاق های هتل Hotel Rooms UI

  • لیست اتاق های هتل قسمت 1 Hotel Rooms List Part 1

  • به روز رسانی صفحه اتاق هتل دکمه Update Button Hotel Room's Page

  • هویت کاربر و کاربر برنامه Identity User and Application User

سمت مشتری مدیریت هتل بلزور Blazor Hotel Management Client Side

  • معرفی Introduction

  • رابط اتاق هتل Hotel Room Interface

  • اجرای خدمات اتاق های هتل را دریافت کنید Get Hotel Rooms Service Implementation

  • اجرای خدمات اتاق های هتل را دریافت کنید Get Hotel Rooms Service Implementation

  • Checkin و Checkout را به API اتاق هتل اضافه کنید Add Checkin and Checkout to Hotel Room API

  • Checkin و Checkout را به API اتاق هتل اضافه کنید Add Checkin and Checkout to Hotel Room API

  • HttpClient را راه اندازی کنید Setup HttpClient

  • اتاق‌های هتل دارای فضای ذخیره‌سازی محلی هستند Hotel Rooms Get Local Storage

  • Load All Rooms Demo and Common Error Blazor Load All Rooms Demo and Common Error Blazor

  • اشکال زدایی در اسمبلی وب بلزور Debugging in blazor web assembly

  • رابط کاربری اتاق های هتل Hotel Rooms UI

  • لیست اتاق های هتل قسمت 1 Hotel Rooms List Part 1

  • املاک بیشتری را به HotelRoomDTO اضافه کنید Add more properties to HotelRoomDTO

  • املاک بیشتری را به HotelRoomDTO اضافه کنید Add more properties to HotelRoomDTO

  • به روز رسانی صفحه اتاق هتل دکمه Update Button Hotel Room's Page

  • هویت کاربر و کاربر برنامه Identity User and Application User

  • تکلیف 9 - لیست امکانات در Blazor Web Assembly Assignment 9 - Amenity List in Blazor Web Assembly

  • تکلیف 9 - لیست امکانات در Blazor Web Assembly Assignment 9 - Amenity List in Blazor Web Assembly

رزرو هتل بلزور Blazor Hotel Booking

  • معرفی Introduction

  • رابط کاربری جزئیات اتاق Room Details UI

  • جدول جزئیات سفارش اتاق را اضافه کنید Add Room Order Details Table

  • برای رزرو منحصر به فرد بررسی کنید Check For Unique Booking

  • جزئیات اتاق در روش اولیه قسمت 1 Room Details On Initialized Method Part 1

  • جزئیات اتاق مدل صحافی قسمت 1 Room Details Model Binding Part 1

  • خطای اشکال زدایی و Spinner اضافه کنید Debugging Error and add Spinner

  • جزئیات اتاق مدل صحافی قسمت 2 Room Details Model Binding Part 2

  • کنترل اعتبار Handle Validations

رزرو هتل بلزور Blazor Hotel Booking

  • معرفی Introduction

  • رابط کاربری جزئیات اتاق Room Details UI

  • جدول جزئیات سفارش اتاق را اضافه کنید Add Room Order Details Table

  • جزئیات سفارش اتاق DTO Room Order Details DTO

  • جزئیات سفارش اتاق DTO Room Order Details DTO

  • رابط مخزن جزئیات سفارش اتاق Room Order Details Repository Interface

  • رابط مخزن جزئیات سفارش اتاق Room Order Details Repository Interface

  • مخزن جزئیات سفارش اتاق را اجرا کنید قسمت 1 Implement Room ORder Details Repository Part 1

  • مخزن جزئیات سفارش اتاق را اجرا کنید قسمت 1 Implement Room ORder Details Repository Part 1

  • مخزن جزئیات سفارش اتاق را اجرا کنید قسمت 2 Implement Room ORder Details Repository Part 2

  • مخزن جزئیات سفارش اتاق را اجرا کنید قسمت 2 Implement Room ORder Details Repository Part 2

  • برای رزرو منحصر به فرد بررسی کنید Check For Unique Booking

  • سرویس جزئیات اتاق سفارش را اضافه کنید Add RoomOrderDetails Service

  • سرویس جزئیات اتاق سفارش را اضافه کنید Add RoomOrderDetails Service

  • جزئیات اتاق در روش اولیه قسمت 1 Room Details On Initialized Method Part 1

  • جزئیات اتاق در روش اولیه قسمت 2 Room Details On Initialized Method Part 2

  • جزئیات اتاق در روش اولیه قسمت 2 Room Details On Initialized Method Part 2

  • جزئیات اتاق مدل صحافی قسمت 1 Room Details Model Binding Part 1

  • خطای اشکال زدایی و Spinner اضافه کنید Debugging Error and add Spinner

  • جزئیات اتاق مدل صحافی قسمت 2 Room Details Model Binding Part 2

  • تعداد شب ها را تغییر دهید Handle number of nights change

  • تعداد شب ها را تغییر دهید Handle number of nights change

  • کنترل اعتبار Handle Validations

یکپارچه سازی راه راه Stripe Integration

  • معرفی Introduction

  • Stripe Endpoint را در API ایجاد کنید Create Stripe Endpoint in API

  • نقطه پایانی ترتیب اتاق در API Room Order Endpoint in API

  • نسخه ی نمایشی راه راه Stripe Demo

  • واسط کاربری موفقیت آمیز پرداخت Payment Successful UI

  • منطق موفقیت آمیز پرداخت Payment Successful Logic

  • علامت گذاری API پرداخت موفق Mark Payment Successful API

  • نسخه نمایشی جریان سفارش را کامل کنید Complete Order Flow Demo

یکپارچه سازی راه راه Stripe Integration

  • معرفی Introduction

  • مدل های Stripe DTO را اضافه کنید Add Stripe DTO Models

  • مدل های Stripe DTO را اضافه کنید Add Stripe DTO Models

  • کلیدهای راه راه Stripe Keys

  • کلیدهای راه راه Stripe Keys

  • تکلیف راه راه Stripe Assignment

  • تکلیف راه راه Stripe Assignment

  • Stripe Endpoint را در API ایجاد کنید Create Stripe Endpoint in API

  • خدمات پرداخت خطی Stripe Payment Service

  • خدمات پرداخت خطی Stripe Payment Service

  • نقطه پایانی ترتیب اتاق در API Room Order Endpoint in API

  • روش تسویه حساب قسمت 1 Handle Checkout Method Part 1

  • روش تسویه حساب قسمت 1 Handle Checkout Method Part 1

  • Stripe را فراخوانی کنید Invoke Stripe

  • Stripe را فراخوانی کنید Invoke Stripe

  • نسخه ی نمایشی راه راه Stripe Demo

  • واسط کاربری موفقیت آمیز پرداخت Payment Successful UI

  • منطق موفقیت آمیز پرداخت Payment Successful Logic

  • علامت گذاری API پرداخت موفق Mark Payment Successful API

  • نسخه نمایشی جریان سفارش را کامل کنید Complete Order Flow Demo

  • بررسی کنید که آیا رزرو وجود دارد یا خیر Check if booking exists

  • بررسی کنید که آیا رزرو وجود دارد یا خیر Check if booking exists

  • نسخه ی نمایشی فروخته شد Sold Out Demo

  • نسخه ی نمایشی فروخته شد Sold Out Demo

احراز هویت و مجوز در Blazor WASM Authentication and Authorization in Blazor WASM

  • معرفی Introduction

  • Jwt Parser را اضافه کنید Add Jwt Parser

  • AuthenticationState Provider را اضافه کنید Add AuthenticationState Provider

  • IAauthenticationService IAuthenticationService

  • سرویس ورود Login Service

  • ثبت منطق Register Logic

  • ورود به سیستم نمایشی Login Demo

  • خروج از نسخه نمایشی Logout Demo

  • مجوز در عمل Authorization in action

  • UserInfo از LocalStorage UserInfo from LocalStorage

احراز هویت و مجوز در Blazor WASM Authentication and Authorization in Blazor WASM

  • معرفی Introduction

  • Jwt Parser را اضافه کنید Add Jwt Parser

  • AuthenticationState Provider را اضافه کنید Add AuthenticationState Provider

  • نسخه نمایشی وضعیت احراز هویت سفارشی Custom Authentication State Demo

  • نسخه نمایشی وضعیت احراز هویت سفارشی Custom Authentication State Demo

  • IAauthenticationService IAuthenticationService

  • سرویس ورود Login Service

  • خدمات ثبت نام و خروج Register and Logout Service

  • خدمات ثبت نام و خروج Register and Logout Service

  • ورود و ثبت نام UI Login and Register UI

  • ورود و ثبت نام UI Login and Register UI

  • ثبت منطق Register Logic

  • ثبت نام کاربر Register a user

  • ثبت نام کاربر Register a user

  • کد پشت فایل Code Behind File

  • کد پشت فایل Code Behind File

  • کد ورود در پشت Login Code Behind

  • کد ورود در پشت Login Code Behind

  • ورود به سیستم نمایشی Login Demo

  • NavMenu را بر اساس مجوز تغییر دهید Change NavMenu based on authorization

  • NavMenu را بر اساس مجوز تغییر دهید Change NavMenu based on authorization

  • خروج از نسخه نمایشی Logout Demo

  • روش های کمکی اعلان Notification Helper Methods

  • روش های کمکی اعلان Notification Helper Methods

  • Login Logout تغییرات UI را ارائه می دهد Login Logout Renders UI changes

  • Login Logout تغییرات UI را ارائه می دهد Login Logout Renders UI changes

  • مجوز در عمل Authorization in action

  • UserInfo از LocalStorage UserInfo from LocalStorage

ایمیل در Blazor Emails in Blazor

  • معرفی Introduction

  • تمام تصاویر اتاق All Room Images

  • ارسال کننده ایمیل EmailSender

  • ارسال نسخه نمایشی ایمیل Send Email Demo

  • سناریوهای غیر مجاز Not Authorized Scenarios

ایمیل در Blazor Emails in Blazor

  • معرفی Introduction

  • تمام تصاویر اتاق All Room Images

  • تصویر جزئیات اتاق Room Details Image

  • تصویر جزئیات اتاق Room Details Image

  • تنظیمات MailJet را برای ایمیل پیکربندی کنید Configure MailJet Settings for Email

  • تنظیمات MailJet را برای ایمیل پیکربندی کنید Configure MailJet Settings for Email

  • ارسال کننده ایمیل EmailSender

  • ارسال نسخه نمایشی ایمیل Send Email Demo

  • سناریوهای غیر مجاز Not Authorized Scenarios

پاداش سرور Blazor Blazor Server Bonus

  • ذخیره سازی مرورگر محافظت شده Protected Browser Storage

  • Radzen را اضافه کنید Add Radzen

  • رابط کاربری NavLink Match و Room Order Details UI NavLink Match and Room Order Details UI

پاداش سرور Blazor Blazor Server Bonus

  • ذخیره سازی مرورگر محافظت شده Protected Browser Storage

  • Radzen را اضافه کنید Add Radzen

  • کامپوننت رادزن در عمل Radzen Component in Action

  • کامپوننت رادزن در عمل Radzen Component in Action

  • رابط کاربری NavLink Match و Room Order Details UI NavLink Match and Room Order Details UI

  • به روز رسانی مخزن وضعیت Update Status Repository

  • به روز رسانی مخزن وضعیت Update Status Repository

  • جزئیات اتاق داده را بارگیری کنید Load Data Room Details

  • جزئیات اتاق داده را بارگیری کنید Load Data Room Details

  • اتصال ویژگی ها در جزئیات اتاق Bind Properties in Room Details

  • اتصال ویژگی ها در جزئیات اتاق Bind Properties in Room Details

  • مدیریت رزرو هتل Manage Hotel Bookings

  • مدیریت رزرو هتل Manage Hotel Bookings

استقرار Azure Azure Deployment

  • معرفی Introduction

  • سرور Blazor را مستقر کنید Deploy Blazor Server

  • مدیریت API ایجاد کنید Create API Management

  • رفع مشکل وب سایت مستقر در سرور Blazor Fixing Blazor Server Deployed Website Issue

  • Blazor WASM را مستقر کنید Deploy Blazor WASM

استقرار Azure Azure Deployment

  • معرفی Introduction

  • معرفی Introduction

  • سرور Blazor را مستقر کنید Deploy Blazor Server

  • مدیریت API ایجاد کنید Create API Management

  • رفع مشکل وب سایت مستقر در سرور Blazor Fixing Blazor Server Deployed Website Issue

  • استقرار API Deploy API

  • استقرار API Deploy API

  • Blazor WASM را مستقر کنید Deploy Blazor WASM

نمایش نظرات

آموزش Blazor - راهنمای کامل (WASM و سرور .NET Core 5)
جزییات دوره
15.5 hours
224
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
6,739
4.5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Bhrugen Patel Bhrugen Patel

Passionate Software Developer من یک مهندس نرم افزار پرشور و خلاق با تمرکز قوی بر روی سادگی و جزئیات کامل هستم. من از دوران دبیرستان برنامه نویسی کرده ام و با چندین وب و دسکتاپ با استفاده از دات نت درگیر بوده ام. من دارای مدرک کارشناسی ارشد در رشته علوم کامپیوتر و لیسانس مهندسی کامپیوتر هستم. من همچنین سالها تجربه کار با دات نت سی شارپ و نت ام وی سی را دارم. من از تدریس در کنار کار تمام وقتم لذت می برم. برای من، مهمترین بخش در مورد نوشتن و آموزش کد، حذف سختی های هر دانش آموزی است که مایل به یادگیری است اما نمی تواند منبع کافی را پیدا کند که به راحتی قابل درک باشد. کدنویسی راهی برای خلاقیت و سرگرمی است!

DotNet Mastery DotNet Mastery

منبع آموزشی نهایی برای توسعه دهندگان دات نت