آموزش ساخت اجزای تجاری با استفاده از Angular

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

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

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

صفحات MVC موجود برای تبدیل Existing MVC Pages to Convert

• مقدمه ای بر این دوره Introduction to this Course

• صفحه کارت اعتباری و کلاس ها The Credit Card Page and Classes

• کنترل کننده کارت اعتباری Credit Card Controller

• بارگیری کشویی با استفاده از مدل View Loading the Drop Downs Using the View Model

• ذخیره و اعتبارسنجی داده های کارت اعتباری Saving and Validating Credit Card Data

• صفحه آدرس و کلاس ها The Address Page and Classes

• ذخیره و اعتبارسنجی داده های آدرس Saving and Validating Address Data

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

HTML و کنترل کننده کارت اعتباری را ایجاد کنید Create the Credit Card HTML & Controller

• پروژه SPA را ایجاد کنید Create the SPA Project

• صفحه index.html را ایجاد کنید Create the index.html Page

• Global.asax را برای کنترل سریال سازی تغییر دهید Modify Global.asax to Control Serialization

• ماژول Angular، IndexController و Routes ایجاد کنید Create Angular Module, IndexController, and Routes

• ایجاد Splash Screen و ng-view div Tag Create Splash Screen and ng-view div Tag

• ساخت HTML کارت اعتباری Building the Credit Card HTML

• UI State Object و Message Areas را اضافه کنید Add UI State Object and Message Areas

• فیلدهای ورودی کارت اعتباری را بسازید Build Credit Card Input Fields

• اضافه کردن اشیاء آرایه به کنترل کننده کارت اعتباری Add Array Objects to Credit Card Controller

• انواع کارت های بارگیری، ماه ها و سال ها Load Card Types, Months, and Years

• فیلدهای ورودی را به کنترلر متصل کنید Bind Input Fields to Controller

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

روش‌های Web API برای کشویی کارت اعتباری بسازید Build Web API Methods for Credit Card Drop-downs

• ایجاد APIهای وب برای صفحه کارت اعتباری Build Web APIs for Credit Card Page

• کنترل کننده انواع کارت اعتباری بسازید Build Credit Card Types Controller

• کنترلر نام ماه ساخت Build Month Names Controller

• Build Years Controller Build Years Controller

• ساخت تابع handleException Build handleException Function

• فراخوانی Web API از loadCardTypes Function Call Web API from loadCardTypes Function

• کنترل کننده انواع کارت تماس Call Card Types Controller

• Exception Handling را بررسی کنید Check the Exception Handling

• توابع loadYears و loadMonths را ایجاد کنید Create loadYears and loadMonths Functions

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

ذخیره و اعتبارسنجی اطلاعات کارت اعتباری Save and Validate Credit Card Information

• ذخیره و اعتبارسنجی اطلاعات کارت اعتباری Saving and Validating Credit Card Info

• داده های کارت اعتباری را از Angular ذخیره کنید Save Credit Card Data from Angular

• اعتبار سنجی سمت مشتری Client-side Validation

• دستورالعمل های زاویه ای سفارشی ایجاد کنید Create Custom Angular Directives

• موارد فهرست را برای نمایش پیام های اعتبار سنجی سمت مشتری اضافه کنید Add List Items to Display Client-side Validation Messages

• مدیریت پیام های سمت سرور Handling Server-side Messages

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

آدرس HTML & Controller را ایجاد کنید Create the Address HTML & Controller

• معرفی صفحه آدرس Introduction to the Address Page

• آدرس HTML را بسازید Build the Address HTML

• کنترل کننده آدرس اصلی را بسازید Build the Basic Address Controller

• ویژگی ها و توابع را به کنترل کننده آدرس خود اضافه کنید Add Properties and Functions to our Address Controller

• داده های کشویی کشور و داده های ساختگی را برای کشورها اضافه کنید Add Country Drop-down and Mock Data for Countries

• داده های ساختگی را برای ایالات ایالات متحده و استان های کانادا اضافه کنید Add Mock Data for US States and Canadian Provinces

• ساخت صفحات آدرس خاص کشور Building Country-specific Address Pages

• صفحه آدرس انگلستان را بسازید Build the UK Address Page

• صفحه آدرس ایالات متحده را بسازید Build the USA Address Page

• صفحه آدرس "سایر" را بسازید Build the 'Other' Address Page

• تابع countryChanged() را بنویسید Write the countryChanged() Function

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

متدهای Web API برای کشویی آدرس بسازید Build Web API Methods for Address Drop-downs

• مروری بر فراخوان های Web API برای صفحه آدرس Overview of Web API Calls for Address Page

• کنترلر API وب کشور را بسازید Build Country Web API Controller

• کنترلر API Web Codes State ایالات متحده را بسازید Build US State Codes Web API Controller

• کنترلر API وب استان های کانادا را بسازید Build Canadian Provinces Web API Controller

• تابع handleException() را بنویسید Write the handleException() Function

• تابع loadCountries() را بسازید Build the loadCountries() Function

• Exception Handling را بررسی کنید Check the Exception Handling

• توابع loadStates() و loadProvinces() را بسازید Build the loadStates() and loadProvinces() Functions

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

ذخیره و اعتبارسنجی اطلاعات آدرس Save and Validate Address Information

• Web API برای ذخیره آدرس ها ایجاد کنید Create the Web API for Saving Addresses

• داده های آدرس را از Angular ذخیره کنید Save Address Data from Angular

• دستورالعمل های رایج زاویه ای برای اعتبار سنجی سمت مشتری Common Angular Directives for Client-side Validation

• ویژگی های اعتبار سنجی را به همه فیلدهای ورودی اضافه کنید Add Validation Attributes to All Input Fields

• موارد لیست را به نمایش پیام های اعتبار سنجی اضافه کنید Add List Items to Display Validation Messages

• اعتبار سنجی سمت مشتری را آزمایش کنید Test the Client-side Validation

• اعتبار سنجی سمت سرور و تابع () handleException Server-side Validation and handleException() Function

• اعتبار سنجی سمت سرور را تست کنید Test the Server-side Validation

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