SkillSoft Explore Course – Lambers, Inc.

IT Skills Web Development and Graphic Design Scripting JavaScript

ASP.NET's support for tools such as GruntJS, together with support for AngularJS templates in Visual Studio, positions it as a server framework for building AngularJS client applications. In this course, you'll learn how to integrate AngularJS with ASP.NET MVC Web API using Microsoft's Visual Studio. You'll begin by using the required application template and packages, and building the required JavaScript files with Grunt. You'll configure the model and controller for the Web API. You'll then go on to generate the AngularJS front end â creating a module, controller, service, and template. You configure client routing, controller and resources, the main layout, and virtual pages for CRUD operations. You will also configure the app to use Entity Framework.

Asset ID	wd_amwa_a01_it_enus
Course Type	Video Course
Course Category	Web Development and Graphic Design

Objectives
Getting Started start the course describe ASP.NET 5 and AngularJS and describe how AngularJS can be integrated with the ASP.NET MVC 6 Web API create an empty ASP.NET project and describe its elements use NPM to add Grunt and Grunt plugins use and run Grunt plugins uglify and watch to build required JavaScript files Using the ASP.NET MVC Web API modify project.json and Startup.cs to enable MVC for an ASP.NET application create a model class to pass items from the Web API to AngularJS create a Web API controller Creating the AngularJS App download and install the files needed to create an AngularJS app in VS2015 add an AngularJS app module to the ASP.NET project add an AngularJS controller to the ASP.NET project add an AngularJS service to the ASP.NET project add an AngularJS HTML template to the ASP.NET project Client Routing set up client-side routes for the AngularJS app configure IIS to redirect requests to home to avoid 404 errors when Reload is hit create client controllers for each route configure the index.html page of the application configure partial view templates for creating and retrieving server side resources configure partial view templates for editing and removing server side resources Practice: Building Applications creating an app with AngularJS and MVC 6 Web API

Objectives

Getting Started

start the course
describe ASP.NET 5 and AngularJS and describe how AngularJS can be integrated with the ASP.NET MVC 6 Web API
create an empty ASP.NET project and describe its elements
use NPM to add Grunt and Grunt plugins
use and run Grunt plugins uglify and watch to build required JavaScript files

Using the ASP.NET MVC Web API

modify project.json and Startup.cs to enable MVC for an ASP.NET application
create a model class to pass items from the Web API to AngularJS
create a Web API controller

Creating the AngularJS App

download and install the files needed to create an AngularJS app in VS2015
add an AngularJS app module to the ASP.NET project
add an AngularJS controller to the ASP.NET project
add an AngularJS service to the ASP.NET project
add an AngularJS HTML template to the ASP.NET project

Client Routing

set up client-side routes for the AngularJS app
configure IIS to redirect requests to home to avoid 404 errors when Reload is hit
create client controllers for each route
configure the index.html page of the application
configure partial view templates for creating and retrieving server side resources
configure partial view templates for editing and removing server side resources

Practice: Building Applications

creating an app with AngularJS and MVC 6 Web API