آموزش ساخت و یادگیری ASP.NET 6.0 Blazor Hands-On [ویدئو]

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

معرفی Introduction

• مقدمه و ویژگی ها Introduction and Features

• مقدمه و ویژگی ها Introduction and Features

• نسخه نمایشی زنده برنامه تکمیل شده Blazor Live Demo of Completed Blazor App

• نسخه نمایشی زنده برنامه تکمیل شده Blazor Live Demo of Completed Blazor App

انتقال کامل Blazor MovieApp به ASP.NET6.0 Migrating the Completed Blazor MovieApp to ASP.NET6.0

انتقال کامل Blazor MovieApp به ASP.NET6.0 Migrating the Completed Blazor MovieApp to ASP.NET6.0

• انتقال برنامه تکمیل شده فیلم CRUD به ASP.NET 6.0 Migrating the Completed Movie App CRUD Application to ASP.NET 6.0

• انتقال برنامه تکمیل شده فیلم CRUD به ASP.NET 6.0 Migrating the Completed Movie App CRUD Application to ASP.NET 6.0

مقدمه ای بر ASP.NET Core 3.1 Blazor Introduction to ASP.NET Core 3.1 Blazor

مقدمه ای بر ASP.NET Core 3.1 Blazor Introduction to ASP.NET Core 3.1 Blazor

• بلزور چیست؟ What Is Blazor?

• بلزور چیست؟ What Is Blazor?

• مدل های هاست بلزور Blazor Hosting Models

• مدل های هاست بلزور Blazor Hosting Models

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

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

• اولین جزء Razor خود را در Blazor ایجاد کنید Create Your First Razor Component in Blazor

• اولین جزء Razor خود را در Blazor ایجاد کنید Create Your First Razor Component in Blazor

• یک مؤلفه تودرتو در Blazor ایجاد کنید Create a Nested Component in Blazor

• یک مؤلفه تودرتو در Blazor ایجاد کنید Create a Nested Component in Blazor

چه چیزی در Blazor 3.1 با ASP.NET Core 3.1 منتشر شده است؟ What's New in Blazor 3.1 Released with ASP.NET Core 3.1?

چه چیزی در Blazor 3.1 با ASP.NET Core 3.1 منتشر شده است؟ What's New in Blazor 3.1 Released with ASP.NET Core 3.1?

• کلاس های جزئی و استفاده از برچسب مؤلفه Partial Classes and Component Tag Usage

• کلاس های جزئی و استفاده از برچسب مؤلفه Partial Classes and Component Tag Usage

• پارامتر را به کامپوننت ها منتقل کنید و از عملکرد پیش فرض جلوگیری کنید Pass Parameter to Components and Prevent Default Action

• پارامتر را به کامپوننت ها منتقل کنید و از عملکرد پیش فرض جلوگیری کنید Pass Parameter to Components and Prevent Default Action

• توقف انتشار رویداد و مدیریت دقیق خطا در طول ساخت برنامه Stop Event Propagation and Detailed Error Handling During App Building

• توقف انتشار رویداد و مدیریت دقیق خطا در طول ساخت برنامه Stop Event Propagation and Detailed Error Handling During App Building

مفاهیم پیشرفته با کدنویسی دستی در Blazor Advanced Concepts with Hands-On Coding in Blazor

مفاهیم پیشرفته با کدنویسی دستی در Blazor Advanced Concepts with Hands-On Coding in Blazor

• مسیریابی در ASP.NET Core 3.1 Blazor Routing in ASP.NET Core 3.1 Blazor

• مسیریابی در ASP.NET Core 3.1 Blazor Routing in ASP.NET Core 3.1 Blazor

• اتصال داده های یک طرفه در ASP.NET Core 3.1 Blazor One-Way Data Binding in ASP.NET Core 3.1 Blazor

• اتصال داده های یک طرفه در ASP.NET Core 3.1 Blazor One-Way Data Binding in ASP.NET Core 3.1 Blazor

• رویداد Callback در ASP.NET Core 3.1 Blazor Event Callback in ASP.NET Core 3.1 Blazor

• رویداد Callback در ASP.NET Core 3.1 Blazor Event Callback in ASP.NET Core 3.1 Blazor

• اتصال داده دو طرفه در ASP.NET Core 3.1 Blazor Two-Way Data Binding in ASP.NET Core 3.1 Blazor

• اتصال داده دو طرفه در ASP.NET Core 3.1 Blazor Two-Way Data Binding in ASP.NET Core 3.1 Blazor

• وراثت در ASP.NET Core 3.1 Blazor Inheritance in ASP.NET Core 3.1 Blazor

• وراثت در ASP.NET Core 3.1 Blazor Inheritance in ASP.NET Core 3.1 Blazor

• روش‌های چرخه زندگی در ASP.NET Core 3.1 Blazor - قسمت 1 (مبانی) Lifecycle Methods in ASP.NET Core 3.1 Blazor - Part 1 (Fundamentals)

• روش‌های چرخه زندگی در ASP.NET Core 3.1 Blazor - قسمت 1 (مبانی) Lifecycle Methods in ASP.NET Core 3.1 Blazor - Part 1 (Fundamentals)

• روش‌های چرخه زندگی (مثال کد) - SetParametersAsync Lifecycle Methods (Code Example) - SetParametersAsync

• روش‌های چرخه زندگی (مثال کد) - SetParametersAsync Lifecycle Methods (Code Example) - SetParametersAsync

• روش‌های چرخه حیات (مثال کد) - OnInitialized و OnInitializedAsync Lifecycle Methods (Code Example) - OnInitialized and OnInitializedAsync

• روش‌های چرخه زندگی (مثال کد) - OnInitialized و OnInitializedAsync Lifecycle Methods (Code Example) - OnInitialized and OnInitializedAsync

• روش‌های چرخه حیات (مثال کد) - OnParametersSet و OnParametersSetAsync Lifecycle Methods (Code Example) - OnParametersSet and OnParametersSetAsync

• روش‌های چرخه حیات (مثال کد) - OnParametersSet و OnParametersSetAsync Lifecycle Methods (Code Example) - OnParametersSet and OnParametersSetAsync

• روش‌های چرخه زندگی (مثال کد) - OnAfterRender و OnAfterRenderAsync Lifecycle Methods (Code Example) - OnAfterRender and OnAfterRenderAsync

• روش‌های چرخه زندگی (مثال کد) - OnAfterRender و OnAfterRenderAsync Lifecycle Methods (Code Example) - OnAfterRender and OnAfterRenderAsync

• روش‌های چرخه حیات (مثال کد) - ShouldRender Lifecycle Methods (Code Example) - ShouldRender

• روش‌های چرخه حیات (مثال کد) - ShouldRender Lifecycle Methods (Code Example) - ShouldRender

مبانی برنامه نویسی ناهمزمان Asynchronous Programming Fundamentals

مبانی برنامه نویسی ناهمزمان Asynchronous Programming Fundamentals

• برنامه نویسی ناهمزمان را از طریق مثال های کدنویسی یاد بگیرید Learn Asynchronous Programming Through Coding Examples

• برنامه نویسی ناهمزمان را از طریق مثال های کدنویسی یاد بگیرید Learn Asynchronous Programming Through Coding Examples

یک برنامه CRUD در Blazor ایجاد کنید Create a CRUD Application in Blazor

یک برنامه CRUD در Blazor ایجاد کنید Create a CRUD Application in Blazor

• یک برنامه Blazor (سرور) با احراز هویت حساب های کاربری فردی ایجاد کنید Create a Blazor (Server) App with Individual User Accounts Authentication

• یک برنامه Blazor (سرور) با احراز هویت حساب های کاربری فردی ایجاد کنید Create a Blazor (Server) App with Individual User Accounts Authentication

• برنامه Blazor را اجرا کنید Run the Blazor App

• برنامه Blazor را اجرا کنید Run the Blazor App

• ساختار پروژه را درک کنید Understand the Project Structure

• ساختار پروژه را درک کنید Understand the Project Structure

• کلاس برنامه و شی میزبان The Program Class and Host Object

• کلاس برنامه و شی میزبان The Program Class and Host Object

• کلاس استارتاپ Startup Class

• کلاس استارتاپ Startup Class

• عملکرد _Imports.razor Class Function of _Imports.razor Class

• عملکرد _Imports.razor Class Function of _Imports.razor Class

• پوشه مشترک The Shared Folder

• پوشه مشترک The Shared Folder

• یک پایگاه داده ایجاد کنید و جداول را به کاربران و نقش های فروشگاه اضافه کنید Create a Database and Add Tables to Store Users and Roles

• یک پایگاه داده ایجاد کنید و جداول را به کاربران و نقش های فروشگاه اضافه کنید Create a Database and Add Tables to Store Users and Roles

• کاربران و نقش ها را اضافه کنید Add Users and Roles

• کاربران و نقش ها را اضافه کنید Add Users and Roles

• اجرای مجوز پایه Implement Basic Authorization

• اجرای مجوز پایه Implement Basic Authorization

• دستورالعمل های صفحه پرکاربرد برای صفحه Razor Frequently Used Page Directives for a Razor Page

• دستورالعمل های صفحه پرکاربرد برای صفحه Razor Frequently Used Page Directives for a Razor Page

• یک کلاس فیلم ایجاد کنید Create a Movie Class

• یک کلاس فیلم ایجاد کنید Create a Movie Class

• موجودیت فیلم را به ApplicationDbContext اضافه کنید Add the Movie Entity to the ApplicationDbContext

• موجودیت فیلم را به ApplicationDbContext اضافه کنید Add the Movie Entity to the ApplicationDbContext

• اضافه کردن مهاجرت برای ایجاد جدول فیلم Add Migration to Create Movies Table

• اضافه کردن مهاجرت برای ایجاد جدول فیلم Add Migration to Create Movies Table

• یک رابط برای سرویس دسترسی به داده ایجاد کنید Create an Interface for Data Access Service

• یک رابط برای سرویس دسترسی به داده ایجاد کنید Create an Interface for Data Access Service

• یک سرویس دسترسی به داده و روش‌هایی برای بازیابی سوابق ایجاد کنید Create a Data Access Service and Methods to Retrieve Records

• یک سرویس دسترسی به داده و روش‌هایی برای بازیابی سوابق ایجاد کنید Create a Data Access Service and Methods to Retrieve Records

• روش هایی برای عملیات افزودن، ویرایش و حذف ایجاد کنید Create Methods for Add, Edit, and Delete Operations

• روش هایی برای عملیات افزودن، ویرایش و حذف ایجاد کنید Create Methods for Add, Edit, and Delete Operations

• کلاس خدمات دسترسی به داده را در Startup ثبت کنید Register the Data Access Services Class in Startup

• کلاس خدمات دسترسی به داده را در Startup ثبت کنید Register the Data Access Services Class in Startup

• پایگاه داده فیلم ها را ببینید Seed the Movies Database

• پایگاه داده فیلم ها را ببینید Seed the Movies Database

• یک صفحه جزئیات برای نمایش لیست فیلم ها ایجاد کنید Create a Details Page to Show List of Movies

• یک صفحه جزئیات برای نمایش لیست فیلم ها ایجاد کنید Create a Details Page to Show List of Movies

• بوت استرپ را به پروژه اضافه کنید Add Bootstrap to the Project

• بوت استرپ را به پروژه اضافه کنید Add Bootstrap to the Project

• برای افزودن یک فیلم، یک گفتگوی پاپ آپ Modal ایجاد کنید Create a Modal Popup Dialog to Add a Movie

• برای افزودن یک فیلم، یک گفتگوی پاپ آپ Modal ایجاد کنید Create a Modal Popup Dialog to Add a Movie

• جدول فیلم ها را ویرایش کنید Edit the Movies Table

• جدول فیلم ها را ویرایش کنید Edit the Movies Table

• اعتبارسنجی داده های کاربر User Data Validation

• اعتبارسنجی داده های کاربر User Data Validation

• داده ها را در پایگاه داده ذخیره کنید Save Data to the Database

• داده ها را در پایگاه داده ذخیره کنید Save Data to the Database

• JavaScript Interop Calls to Modal JavaScript Interop Calls to Modal

• JavaScript Interop Calls to Modal JavaScript Interop Calls to Modal

• ارتباط بین جزئیات فیلم و فیلم Communication Between Movie Detail and Movies

• ارتباط بین جزئیات فیلم و فیلم Communication Between Movie Detail and Movies

• ویرایش فیلم ها Edit Movies

• ویرایش فیلم ها Edit Movies

• استفاده از قطعه را برای تغییر پویا عنوان مدال رندر کنید Render Fragment Usage to Change Modal Title Dynamically

• استفاده از قطعه را برای تغییر پویا عنوان مدال رندر کنید Render Fragment Usage to Change Modal Title Dynamically

• یک گفتگوی تایید حذف ایجاد کنید Create a Confirm Delete Dialog

• یک گفتگوی تایید حذف ایجاد کنید Create a Confirm Delete Dialog

• عملیات حذف را کامل کنید Complete the Delete Operation

• عملیات حذف را کامل کنید Complete the Delete Operation

احراز هویت و مجوز Authentication and Authorization

احراز هویت و مجوز Authentication and Authorization

• احراز هویت در عمل برای برنامه فیلم Authentication in Action for the Movie App

• احراز هویت در عمل برای برنامه فیلم Authentication in Action for the Movie App

• مشاهده اطلاعات نمایه کاربر با مجوز View User Profile Data with Authorization

• مشاهده اطلاعات نمایه کاربر با مجوز View User Profile Data with Authorization

• برنامه را برای محافظت از داده های کاربر اجرا و آزمایش کنید Run and Test the App for User Data Protection

• برنامه را برای محافظت از داده های کاربر اجرا و آزمایش کنید Run and Test the App for User Data Protection

• نصب برنامه Blazor Movie با پایگاه داده از GitHub در ماشین های کاربر Installing the Blazor Movie App with Database from GitHub on User Machines

• نصب برنامه Blazor Movie با پایگاه داده از GitHub در ماشین های کاربر Installing the Blazor Movie App with Database from GitHub on User Machines

محتوای اضافی: افزودن Spinkit برای بارگیری نشانگر در برنامه Movies Additional Content: Adding Spinkit for Loading Indication to Movies App

محتوای اضافی: افزودن Spinkit برای بارگیری نشانگر در برنامه Movies Additional Content: Adding Spinkit for Loading Indication to Movies App

• افزودن Spinkit به برنامه Adding Spinkit to the App

• افزودن Spinkit به برنامه Adding Spinkit to the App

• استفاده از Spinkit با کامپوننت Spinloader Using Spinkit with Spinloader Component

• استفاده از Spinkit با کامپوننت Spinloader Using Spinkit with Spinloader Component

• تست چند جزء اسپینر Testing a Few Spinner Components

• تست چند جزء اسپینر Testing a Few Spinner Components

صفحه بندی فیلم ها Paginating the Movies

صفحه بندی فیلم ها Paginating the Movies

• نمایش فیلم های صفحه بندی شده Display Paginated Movies

• نمایش فیلم های صفحه بندی شده Display Paginated Movies

بخش پاداش: برنامه های کاربردی وب پیشرفته Bonus Section: Progressive Web Applications

بخش پاداش: برنامه های کاربردی وب پیشرفته Bonus Section: Progressive Web Applications

• برنامه وب پیشرو چیست؟ What Is a Progressive Web Application?

• برنامه وب پیشرو چیست؟ What Is a Progressive Web Application?

تست Blazor با استفاده از bUnit Testing Blazor Using bUnit

تست Blazor با استفاده از bUnit Testing Blazor Using bUnit

• تست کامپوننت شمارنده Testing the Counter Component

• تست کامپوننت شمارنده Testing the Counter Component