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

Building Business Components Using Angular

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در این دوره آموزشی نحوه تبدیل دو صفحه MVC به Angular را به صورت گام به گام یاد خواهید گرفت. آموزش تبدیل برخی از صفحات MVC به Angular. انجام این کار می تواند به شما کمک کند سرعت صفحات وب خود را افزایش داده و تجربه کاربری بهتری را ارائه دهید. در این دوره آموزشی، Building Business Components Using Angular، می خواهید یاد بگیرید که دو صفحه وب MVC را به Angular، یک صفحه کارت اعتباری و یک صفحه آدرس تبدیل کنید. ابتدا، نحوه ایجاد صفحات HTML با استفاده از Angular و نحوه ساخت و فراخوانی API های وب از Angular را یاد خواهید گرفت. در مرحله بعد، نحوه ذخیره و اعتبارسنجی داده ها و همچنین در مورد مدیریت استثنا در Angular را خواهید آموخت. سپس، نحوه ساخت دستورالعمل های Angular سفارشی برای اعتبار سنجی را بررسی خواهید کرد. در نهایت، نحوه مدیریت اعتبار سنجی سمت سرور را یاد خواهید گرفت. در پایان این دوره، ابزارهای مورد نیاز برای تبدیل صفحات MVC خود به 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

نمایش نظرات

Pluralsight (پلورال سایت)

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

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

آموزش ساخت اجزای تجاری با استفاده از Angular
جزییات دوره
3h 22m
68
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
17
از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul D. Sheriff Paul D. Sheriff

پل بیش از سی سال تجربه معماری سیستم های اطلاعاتی دارد و تخصص وی از شرکتهای Fortune 500 تقاضای زیادی دارد. پل نویسنده Pluralsight است ، بیش از 400 مقاله منتشر کرده و بیش از 14 کتاب در موضوعات مختلف از JavaScript ، Angular ، C # ، SQL Server و بسیاری از فناوری های دات نت تألیف کرده است. پل یک سخنران مکرر در کنفرانس ها و گروه های کاربران است.