Building Strongly-typed AngularJS Apps with ASP.NET MVC 5
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.
What you'll learn
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.
Table of contents
- 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
- 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
- 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
- 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
- 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
About the author
Matt Honeycutt is a software architect specializing in ASP.NET web applications, particularly ASP.NET MVC. He has over a decade of experience in building (and testing!) web applications. He’s an avid practitioner of Test-Driven Development, creating both the SpecsFor and SpecsFor.Mvc frameworks. He has served as the lead developer on numerous multi-million dollar software projects and enjoys finding elegant solutions to difficult problems. As life-long learner, Matt remains dedicated to expan... more