The Journey from MVC to Angular
Wouldn't you like to move your MVC pages to Angular to increase your web page performance, and to make your web pages quicker and more maintainable? This course will guide you step-by-step to this goal.
What you'll learn
Speeding up your MVC or web form applications is always worthwhile, but seldom easy. However, you can use Angular to make this process easier. In this course, The Journey from MVC to Angular, you're going to learn to slowly convert an MVC webpage to use Angular for all your searching, listing, adding, editing, deleting, and validation of data. First, you'll learn why you need more client side code and how it can benefit you. Then, you'll learn how to add, edit, and delete without postbacks. Finally you'll learn some tips and trick on the validation of data. By the end of this course you'll feel comfortable using Angular to handle standard web page functionality.
Table of contents
- Module Introduction 1m
- Introduction to Modules and Controllers 6m
- Demo of Creating an Angular Module 2m
- Demo of Creating an Angular Controller 3m
- Add Module and Controller to the MVC Page 3m
- Add a Web API Controller for Product Data 3m
- Configure MVC for Using the Web API 4m
- Introduction to the Data Service in Angular 3m
- Calling the Web API Through the Data Service 4m
- Introduction to the ng-repeat Directive 2m
- Demo of the ng-repeat Directive 3m
- Module Summary 1m
- Module Introduction 3m
- Add Web API Controller for Categories 1m
- Search Input and Categories in Angular Controller 2m
- Replace Razor Code with HTML and Angular 2m
- Bind and Reset Search Criteria 2m
- Demo of Reset Search Function in Angular 3m
- Overview of Client-side Searching 2m
- Searching Fields Using Angular Filters 2m
- Searching Using a Function and Angular Filters 3m
- Introduction to Server-side Searching 1m
- Server-side Searching with the Web API 4m
- Module Summary 1m
- Module Introduction 1m
- Overview of Handling UI State 3m
- Create pageMode Constant and uiState Object Literal 1m
- The setUIState and productList Functions 2m
- Add Click Event Handlers 2m
- Remove Razor Code and Hook up Event Handlers 6m
- Overview of Handling Exceptions 2m
- Demo of Exception Handling 4m
- Module Summary 1m
- Module Introduction 3m
- Initialize Product Object Demo 2m
- Replace MVC Helpers with HTML and Load Categories 4m
- Overview of Getting a Single Product 1m
- Demo of Getting a Single Product via the Web API 3m
- Overview of Date Handling and Updating a Product 2m
- Add PUT Web API Method 1m
- Create the updateData Function 1m
- The validateData Function and Fixing up Date Input 2m
- Updating Data via the Web API 2m
- Inserting Data 3m
- Deleting Data 3m
- Module Summary 1m
- Module Introduction and the Basics of Validation 3m
- Eliminate Razor Code and Add Validation Attributes 2m
- Display Validation Messages 2m
- Introduction to Controller Setup for Validation 1m
- Check the Validity of the Angular Form 2m
- Add Custom Validation to Angular 4m
- The Need for Server-side Validation 1m
- Validation on the Server-side and BadRequest Method 3m
- Displaying Server Validation Messages in Angular 3m
- Module and Course Summary 1m