JavaScript SPA: Adding Views and Handling View Navigation in Durandal


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level


Overview/Description
A JavaScript single page application, or SPA, uses a combination of JavaScript libraries and web development frameworks to communicate with the server, consume and manage data, and to display application views on screen. A SPA serves up a single HTML page in which all of the application views are rendered on the client, and data that is retrieved from the server can be cached and efficiently managed on the client. In this course, you will learn how to retrieve data for modules in the Durandal JavaScript framework, as well as learn how to set up and configure module routes using the Durandal shell router, how to activate and bind module routes to the Durandal shell router, and how to dynamically compose views in the Durandal JavaScript framework in Visual Studio 2013.

Target Audience
Web developers seeking an introductory guide to developing lightweight, high performance JavaScript single page applications in Visual Studio 2013

Prerequisites
None

Expected Duration (hours)
2.2

Lesson Objectives

JavaScript SPA: Adding Views and Handling View Navigation in Durandal

  • start the course
  • add a data retrieval service in a Durandal SPA in Visual Studio 2013
  • handle a successful query execution for model data retrieval in a Durandal SPA in Visual Studio 2013
  • handle a failed query execution for model data retrieval in a Durandal SPA in Visual Studio 2013
  • map model data to view model observables in a Durandal SPA
  • use the makeRelative() function to shorten application module paths in the Durandal shell in Visual Studio 2013
  • map a collection of routes to the Durandal shell router
  • identify the default routing convention used to locate Durandal modules and the content of the viewLocator.js file in the Durandal scripts directory
  • use a custom convention for instructing Durandal to locate application views and view models for run-time module construction
  • implement a custom function for handling unknown or invalid routes in a Durandal SPA in Visual Studio 2013
  • select the start-up module for a Durandal SPA in Visual Studio 2013
  • bind a progress bar to view navigation events for displaying the progress bar between view changes
  • create a navigation bar in the Durandal shell view using the shell router's navigation model in Visual Studio 2013
  • add a custom transition for the start-up view of a Durandal SPA in Visual Studio 2013
  • working with single page apps and Durandal

    • Course Number:
    sl_jssp_a04_it_enus

    Expertise Level
    Intermediate