آموزش Angular را به برنامه های MVC اضافه کنید

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

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

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

کد قابل استفاده مجدد را در برنامه MVC خود برای شناسایی در مفاهیم زاویه ای شناسایی کنید Identify Reusable Code in Your MVC App for Use in Angular Concepts

• معرفی ماژول Module Introduction

• چرا به Angular برویم؟ Why Move to Angular?

• چه چیزی در این دوره پوشش داده می شود؟ What Is Covered in This Course?

• ارائه برنامه MVC Presenting the MVC Application

• گشت و گذار در برنامه MVC Touring the MVC Application

• خلاصه ماژول Module Summary

Angular را در برنامه MVC موجود خود ادغام کنید Integrate Angular into Your Existing MVC Application

• معرفی ماژول Module Introduction

• Node.js را نصب کنید و Visual Studio را تنظیم کنید Install Node.js and Set up Visual Studio

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

• Angular را برای اجرای درون MVC پیکربندی کنید Configure Angular to Run Within MVC

• MVC را پیکربندی کرده و کامپوننت Angular را اجرا کنید Configure MVC and Run the Angular Component

• لیست لیست محصولات و HTML را اضافه کنید Add Product List Component and HTML

• مسیریابی زاویه ای Angular Routing

• مسیریابی زاویه ای را به برنامه MVC خود اضافه کنید Add Angular Routing to Your MVC Application

• خلاصه ماژول Module Summary

برای ساخت یک جدول HTML از دسترسی به داده خود استفاده کرده و مدل را مشاهده کنید Reuse Your Data Access and View Model to Build an HTML Table

• معرفی ماژول Module Introduction

• یک کلاس Web API اضافه کنید Add a Web API Class

• کلاس WebApiConfig را اضافه کنید Add WebApiConfig Class

• Global.asax را پیکربندی کنید Configure Global.asax

• ساخت متن تایپ برای فراخوانی Web API Building the Typescript to Call the Web API

• کلاسها و محصولات و خدمات محصول ایجاد کنید Create the Product and Product Service Classes

• برای استفاده از کلاس سرویس AppModule را به روز کنید Update AppModule to Use the Service Class

• جدول HTML را اضافه کنید و با خدمات محصول تماس بگیرید Add the HTML Table and Call the Product Service

• دست زدن به استثناها Handling Exceptions

• خلاصه ماژول Module Summary

ایجاد قابلیت جستجو و ایجاد لیست های کشویی Create Search Functionality and Build Drop Down Lists

• معرفی ماژول Module Introduction

• HTML صفحه جستجو را بسازید Build Search Panel HTML

• برای دریافت دسته ها Web API بسازید Build Web API to Get Categories

• کلاسهای دسته را برای فراخوانی API وب ایجاد کنید Create Category Classes to Call Web API

• کلاس جستجوی محصول را ایجاد کنید ، جز List لیست محصولات را به روز کنید Build Product Search Class, Update Product List Component

• فراخوانی Category Web API Calling the Category Web API

• ایجاد Search Web API Create Search Web API

• برای فراخوانی Web Search API ، سرویس محصول را تغییر دهید Modify Product Service to Call Search Web API

• از بخش لیست محصولات با سرویس جستجوی تماس بگیرید Call Search Service from Product List Component

• خلاصه ماژول Module Summary

افزودن اعتبار و اعتبارسنجی سمت سرور Adding Data and Server-side Validation

• معرفی ماژول Module Introduction

• برای صفحه جزئیات محصول HTML ایجاد کنید Create HTML for Product Detail Page

• کلاس جزئیات جزئیات محصول ایجاد کنید Create Product Detail Component Class

• مسیریابی را برای صفحه جزئیات اضافه کنید Add Routing for Detail Page

• AppModule را به روز کنید و دکمه Add را ایجاد کنید Update AppModule and Create Add Button

• با برنامه نویسی به صفحه جزئیات بروید Programmatically Route to the Detail Page

• ایجاد دسته API و سرویس زاویه دار Create Category API and Angular Category Service

• لیست دسته بندی ها را در صفحه جزئیات محصول ایجاد کنید Build Drop Down List of Categories on Product Detail Page

• روش POST برای افزودن محصولات ایجاد کنید Create POST Method for Adding Products

• محصولات را در ProductService و خطاهای تأیید رسیدگی اضافه کنید Add Products in ProductService and Handle Validation Errors

• برای افزودن محصولات ، کد را به صفحه جزئیات اضافه کنید Add Code to Detail Page to Add Products

• خلاصه ماژول Module Summary

با Angular به روز کنید و حذف کنید Update and Delete with Angular

• معرفی ماژول Module Introduction

• چگونه می توان یک محصول واحد برای نمایش به دست آورد How to Get a Single Product to Display

• یک روش کنترل کننده Get (id) بسازید Build a Get(id) Controller Method

• Angular Code را برای دریافت یک محصول واحد بنویسید Write Angular Code to Get a Single Product

• روش PUT Web API را ایجاد کنید Create the PUT Web API Method

• سرویس بروزرسانی ایجاد کنید و یک محصول را به روز کنید Create Update Service and Update a Product

• Delete Web API روش را اضافه کنید Add Delete Web API Method

• برای حذف یک محصول کد زاویه دار بنویسید Write Angular Code to Delete a Product

• خلاصه ماژول Module Summary

اعتبار سنجی داده های سمت مشتری را فراموش نکنید Don't Forget Client-side Validation of Data

• معرفی ماژول Module Introduction

• فرم برچسب و زمینه های ورودی را اضافه کنید Add Form Tag and Setup Input Fields

• پیام های خطای اعتبارسنجی سمت مشتری را نمایش دهید Display Client-side Validation Error Messages

• نحوه ایجاد اعتبار سنجی های سفارشی How Custom Validators Are Created

• NotLowerCase Validator را ایجاد کنید Create the NotLowerCase Validator

• با استفاده از اعتبار سنج NotLowerCase Using the NotLowerCase Validator

• اعتبار سنجی هایی که به ارزش نیاز دارند Validators That Need a Value

• Min Validator را ایجاد کنید Create the Min Validator

• Min Validator را به AppModule اضافه کرده و امتحان کنید Add Min Validator to AppModule and Try It Out

• بخشنامه Use Max Validator را ایجاد کنید Create the Use Max Validator Directive

• خلاصه ماژول و دوره Module and Course Summary