AngularJS Forms Using Bootstrap and MVC 5

By Mark Zamoyta
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.
Course info
Rating
(1115)
Level
Intermediate
Updated
Oct 27, 2014
Duration
3h 54m
Table of contents
Course Introduction
Course Introduction 4m Prerequisites 1m
AngularJS and Bootstrap Form Basics
Introduction 3m AngularJS Project Setup 3m AngularJS Components 3m Displaying Our Form 6m Bootstrap Styling 3m Horizontal Form Styling 4m Fieldsets With Bootstrap 4m Data Binding to a Form 4m Data Binding to a Select Element 2m Form Submission 4m Summary 2m
Using Forms in AngularJS Apps
Introduction 3m Routing to a Form 6m A Data Service 2m Saving or Canceling a Form 5m A Single Form for Update and Insert 7m Modal Forms in AngularJS 9m Summary 2m
UI Bootstrap's Form Controls
Introduction 3m The Datepicker Directive 4m Datepicker in a Form 5m Timepicker in a Form 3m The Typeahead Directive 6m The Rating Directive 7m Collapse and Accordion Directives 5m Popover and Tooltip Directives 5m Miscellaneous Directives 6m Summary 2m
AngularJS Form Validation
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
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
Description
Course info
Rating
(1115)
Level
Intermediate
Updated
Oct 27, 2014
Duration
3h 54m
Description

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.

About the author
Mark Zamoyta
About the author

Mark started in the developer world over 25 years ago. He began his career with a Bachelor of Science in Computer Science from St. Johns University. After spending 10 years on Wall Street working for Goldman Sachs, Lehman Brothers and other major investment banks, Mark became interested in animation and video game software.

More from the author
Angular Forms
Beginner
2h 3m
Apr 2, 2019
JavaScript Fundamentals
Intermediate
3h 0m
Jul 26, 2018
JavaScript: Getting Started
Beginner
2h 47m
Jan 19, 2018
More courses by Mark Zamoyta

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT