Building Strongly-typed AngularJS Apps with ASP.NET MVC 5

By Matt Honeycutt
Just because you are using AngularJS doesn't mean you can't leverage the strengths of C# and ASP.NET MVC. This course will teach you how to leverage Angular and ASP.NET MVC together more effectively.
Course info
Level
Intermediate
Updated
Sep 8, 2015
Duration
2h 60m
Table of contents
Introduction
Welcome and Overview 2m Who Is This Course For? 3m The Sample Application 1m Application Architecture 3m The HtmlTags Library 2m Solution Overview 3m Course Roadmap 2m
Assembling the Building Blocks
Introduction 2m Passing Data from MVC Actions to JavaScript 2m Demo: A Custom Action Result 5m Passing Objects from Razor Views to JavaScript 1m Demo: Passing Data from Razor to AngularJS 6m The Problem with URLs 1m Demo: Passing Strongly-typed URLs to AngularJS, Part 1 2m Demo: Passing Strongly-typed URLs to AngularJS, Part 2 3m Accessing Razor from Client-side Code 2m Demo: Using Razor for AngularJS Templates 4m Conclusion 2m
Strongly-typed Binding
Introduction 2m From C# Models to AngularJS Expressions 1m Demo: Converting Lambda Expressions from C# to AngularJS, Part 1 5m Demo: Converting Lambda Expressions from C# to AngularJS, Part 2 2m From C# Lambdas to AngularJS Bindings 1m Demo: Strongly-typed AngularJS Bindings 3m The Problem with Length 2m Demo: Handling Count and Length 2m The ngRepeat Directive 1m Demo: Strongly-typed ngRepeat 3m Conclusion 1m
Building Strongly-typed Forms with AngularJS
Introduction 3m Demo: Applying Razor Templates and BetterJson to Our Solution 4m The FormGroupFor Helper 1m Demo: Building the FormGroupFor Helper 2m Demo: Applying the FormGroupFor Helper 2m Dealing With Different Types of Data 3m Demo: Adding Support for Textareas 2m Generating Better Labels with Humanizer 2m Demo: Adding Humanizer to Our FormGroupFor Helper 3m Adding Placeholders to Our Forms 1m Demo: Adding Support for Placeholders 2m Conclusion 2m
Supporting Angular Validation with Data Annotations
Introduction 2m Overview of AngularJS Validation 3m AngularJS Validation in Heroic CRM 3m Demo: Building the InputValidationIcons Directive 5m Demo: Building the FromGroupValidation Directive 4m Demo: Applying the FormGroupValidation Directive 4m Leveraging Model Metadata for Validation 1m Demo: Adding Validation to the FormGroupFor Helper 3m Demo: Applying Data Annotations for Validation 3m Conclusion 1m
Building Angular-powered Templates
Introduction 3m Crash Course: Reflection and Generics 3m Crash Course: Reflection and Lambdas 3m Demo: Building the FormForModel Helper 5m Demo: Applying the FormForModel Helper 2m Demo: Dealing with Hidden Fields 2m Demo: Applying FormForModel Everywhere 3m Conclusion 2m
Building Reusable Directives and Helpers
Introduction 2m UI Bootstrap Overview 4m Demo: Building a Helper for the Rating Directive 3m Displaying Data with UI Grid 2m Demo: Building a Grid Helper - the Directive 3m Demo: Building a Grid Helper - the HTML Helper 2m Demo: Applying the Grid Helper 2m Demo: Improving the Grid Helper 3m Demo: Improving the Grid Directive 2m Conclusion 1m
Closing Thoughts
Course Recap 5m Next Steps 3m
Description
Course info
Level
Intermediate
Updated
Sep 8, 2015
Duration
2h 60m
Description

It may sound crazy, but you can indeed create strongly-typed AngularJS applications by leveraging ASP.NET MVC. In this course, you will learn about advanced techniques for passing data from your strongly-typed C# code to your client-side JavaScript. You'll also learn to build strongly-typed HtmlHelper extensions that can transform a lambda expression into a complete, Angular-powered form group (including client-side validation!), or that can generate an entire form for you by using your model and its Data Annotations.

About the author
Matt Honeycutt
About the author

Matt is a Senior Software Architect specializing in ASP.NET web application architecture and development. He is also an avid testing practitioner and is the creator of two open-source testing frameworks. When he isn’t writing code, he’s often busy writing about code or helping others improve their own development skills.

More from the author
Microsoft Azure Developer: Creating IoT Solutions
Beginner
1h 59m
Aug 7, 2019
Microsoft Azure Developer: Ensuring Configurability
Beginner
1h 31m
Sep 11, 2018
Azure IoT Hub for Developers: Getting Started
Beginner
2h 41m
May 29, 2018
More courses by Matt Honeycutt

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT