Course
Skills Expanded
AngularJS Forms Using Bootstrap and MVC 5
This course focuses on creating forms with AngularJS, making them look good with Bootstrap styling, and then posting the form data to an ASP.NET MVC 5 web application.
What you'll learn
This course focuses on creating forms with AngularJS, making them look good with Bootstrap styling, and then posting the form data to an ASP.NET MVC 5 web application. UI Bootstrap controls are covered in detail, along with client- and server-side validation. On the server side, this course will show how to work with Web API 2, as well as traditional MVC controllers.
Table of contents
Course Introduction
5mins
AngularJS and Bootstrap Form Basics
36mins
Using Forms in AngularJS Apps
33mins
UI Bootstrap's Form Controls
46mins
AngularJS Form Validation
44mins
- Introduction 3m
- required and ngRequired 4m
- CSS Classes for Field Validation 2m
- Styling Error Messages 6m
- $invalid and $dirty on a Field 4m
- ngTouched and ngUntouched in AngularJS 1.3 4m
- A Custom Directive for Validation 6m
- More Validation Directives 6m
- Submit Button Validation 5m
- Handling the Reset Button 3m
- Summary 2m
Using MVC 5 with AngularJS
66mins
- Introduction 3m
- Setting up an MVC 5 Web Application 2m
- Bundling and Minification 6m
- A View for Our Mini-SPA 4m
- Minifying AngularJS Scripts 6m
- Accessing MVC from an Angular Service 9m
- Client-Side Promises 2m
- Passing Form Data to Controllers 6m
- Validating the View Model 4m
- Showing Errors on the Client 5m
- The Bind Attribute for View Models 4m
- Returning an ID for Inserts 2m
- Updating Data 3m
- Using Web API 2 8m
- Summary 2m