Creating an SPA

Visual Studio 2015    |    Intermediate
  • 19 Videos | 1h 26m 16s
  • Earns a Badge
Likes 6 Likes 6
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

  • Playable
    1. 
    Integrating AngularJS and MVC 6 Web API
    5m 30s
    UP NEXT
  • Playable
    2. 
    Creating an ASP.NET Project
    2m 17s
  • Locked
    3. 
    Adding Grunt
    3m 45s
    FREE ACCESS
  • Locked
    4. 
    Configuring and Running Grunt
    4m 12s
    FREE ACCESS
  • Locked
    5. 
    Enabling MVC
    3m 24s
    FREE ACCESS
  • Locked
    6. 
    Creating a Model Class
    2m 47s
    FREE ACCESS
  • Locked
    7. 
    Creating a Web API Controller
    5m
    FREE ACCESS
  • Locked
    8. 
    Installing AngularJS
    3m 56s
    FREE ACCESS
  • Locked
    9. 
    Adding an AngularJS App Module
    3m 19s
    FREE ACCESS
  • Locked
    10. 
    Creating the AngularJS Controller
    4m 32s
    FREE ACCESS
  • Locked
    11. 
    Creating the AngularJS Service
    4m 57s
    FREE ACCESS
  • Locked
    12. 
    Creating the AngularJS Template
    4m 26s
    FREE ACCESS
  • Locked
    13. 
    Specifying Client-Side Routes
    5m 7s
    FREE ACCESS
  • Locked
    14. 
    Redirecting Requests on the Server
    3m 44s
    FREE ACCESS
  • Locked
    15. 
    Creating Client Controllers
    6m 5s
    FREE ACCESS
  • Locked
    16. 
    Displaying Partial Views
    4m 1s
    FREE ACCESS
  • Locked
    17. 
    Configuring Create and Retrieve Templates
    4m 50s
    FREE ACCESS
  • Locked