Expanded

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.
Get started
Course info
Rating
(334)
Level
Intermediate
Updated
Sep 8, 2015
Duration
2h 58m
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
Rating
(334)
Level
Intermediate
Updated
Sep 8, 2015
Duration
2h 58m
Your 10-day individual free trial includes:

Expanded library

This course and over 7,000+ additional courses from our full course library.

Hands-on library

Practice and apply knowledge faster in real-world scenarios with projects and interactive courses.
*Available on Premium only
Start a Premium 10-day free trial
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: Ensuring Configurability
Beginner
1h 36m
Mar 12, 2020
Defeating Injection Attacks in ASP.NET and ASP.NET Core
Intermediate
26m
Jan 21, 2020
What’s New in C# 8.0 and .NET Core 3.0
Intermediate
1h 47m
Sep 30, 2019
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

Course info
Rating
(334)
Level
Intermediate
Updated
Sep 8, 2015
Duration
2h 58m
Pluralsight IQ
Know exactly where everyone on your team stands with assessments and analytics.
Try our full library including this course free for your whole team for 14-days.