Creating an SPA

Visual Studio 2015
  • 19 Videos | 1h 25m 13s
  • Earns a Badge
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 33s
    UP NEXT
  • Playable
    2. 
    Creating an ASP.NET Project
    2m 20s
  • Locked
    3. 
    Adding Grunt
    3m 47s
  • Locked
    4. 
    Configuring and Running Grunt
    4m 14s
  • Locked
    5. 
    Enabling MVC
    3m 27s
  • Locked
    6. 
    Creating a Model Class
    2m 50s
  • Locked
    7. 
    Creating a Web API Controller
    5m 3s
  • Locked
    8. 
    Installing AngularJS
    3m 59s
  • Locked
    9. 
    Adding an AngularJS App Module
    3m 22s
  • Locked
    10. 
    Creating the AngularJS Controller
    4m 35s
  • Locked
    11. 
    Creating the AngularJS Service
    5m
  • Locked
    12. 
    Creating the AngularJS Template
    4m 29s
  • Locked
    13. 
    Specifying Client-Side Routes
    5m 10s
  • Locked
    14. 
    Redirecting Requests on the Server
    3m 47s
  • Locked
    15. 
    Creating Client Controllers
    6m 8s
  • Locked
    16. 
    Displaying Partial Views
    4m 4s
  • Locked
    17. 
    Configuring Create and Retrieve Templates
    4m 53s
  • Locked
    18. 
    Configuring Edit and Delete Templates
    5m 51s
  • Locked
    19. 
    Exercise: Creating an App
    6m 40s

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

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

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE