Creating an SPA

Visual Studio 2015    |    Intermediate
  • 19 videos | 1h 24m 16s
  • Earns a Badge
Likes 9 Likes 9
A single-page application (SPA) is a web application or site contained on a single web page. Learn how to create an SPA using Visual Studio 2015, ASP.NET 5, MVC 6, Grunt, and AngularJS.

WHAT YOU WILL LEARN

  • 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
    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
    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
    set up client-side routes forin 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
    Creating an App with AngularJS and MVC 6 Web API

IN THIS COURSE

  • 5m 30s
    After completing this video, you will be able to describe ASP.NET 5 and AngularJS and how AngularJS can be integrated with the ASP.NET MVC 6 Web API. FREE ACCESS
  • 2m 17s
    In this video, you will learn how to create an empty ASP.NET project and describe its elements. FREE ACCESS
  • Locked
    3.  Adding Grunt
    3m 45s
    Learn how to use NPM to add Grunt and Grunt plugins. FREE ACCESS
  • Locked
    4.  Configuring and Running Grunt
    4m 12s
    Learn how to use and run the grunt plugins Uglify and Watch to build the required JavaScript files. FREE ACCESS
  • Locked
    5.  Enabling MVC
    3m 24s
    In this video, learn how to modify project.json and Startup.cs to enable MVC for an ASP.NET application. FREE ACCESS
  • Locked
    6.  Creating a Model Class
    2m 47s
    During this video, you will learn how to create a model class to pass items from the Web API to AngularJS. FREE ACCESS
  • Locked
    7.  Creating a Web API Controller
    5m
    During this video, you will learn how to create a controller for a Web API. FREE ACCESS
  • Locked
    8.  Installing AngularJS
    3m 56s
    In this video, you will learn how to download and install the files needed to create an AngularJS app in Visual Studio 2015. FREE ACCESS
  • Locked
    9.  Adding an AngularJS App Module
    3m 19s
    In this video, you will learn how to add an AngularJS app module to an ASP.NET project. FREE ACCESS
  • Locked
    10.  Creating the AngularJS Controller
    4m 32s
    Find out how to add an AngularJS controller to the ASP.NET project. FREE ACCESS
  • Locked
    11.  Creating the AngularJS Service
    4m 57s
    During this video, you will learn how to add an AngularJS service to an ASP.NET project. FREE ACCESS
  • Locked
    12.  Creating the AngularJS Template
    4m 26s
    In this video, learn how to add an AngularJS HTML template to an ASP.NET project. FREE ACCESS
  • Locked
    13.  Specifying Client-Side Routes
    5m 7s
    Find out how to set up client-side routes for the AngularJS app. FREE ACCESS
  • Locked
    14.  Redirecting Requests on the Server
    3m 44s
    During this video, you will learn how to configure IIS to redirect requests to the home page to avoid 404 errors when Reload is hit. FREE ACCESS
  • Locked
    15.  Creating Client Controllers
    6m 5s
    In this video, you will learn how to create controllers for each route. FREE ACCESS
  • Locked
    16.  Displaying Partial Views
    4m 1s
    In this video, find out how to configure the index.html page of your application. FREE ACCESS
  • Locked
    17.  Configuring Create and Retrieve Templates
    4m 50s
    Learn how to configure partial view templates for creating and retrieving resources from a server. FREE ACCESS
  • Locked
    18.  Configuring Edit and Delete Templates
    5m 48s
    In this video, you will configure partial view templates for editing and removing server-side resources. FREE ACCESS
  • Locked
    19.  Exercise: Creating an App
    6m 37s
    Find out how to create an app with AngularJS and MVC 6 Web API. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Angular 11: Introduction to Components
Likes 162 Likes 162  
Course Web Fundamentals: Web Development with HTML
Course ASP.NET Introduction

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Services, Promises, & Route Protection
Likes 25 Likes 25  
Course API Development: Client-side Web Service Consumption
Likes 16 Likes 16  
Course AngularJS & TypeScript
Likes 55 Likes 55