JavaScript SPA: Adding Views and Handling View Navigation in Durandal

Course details

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.

• Topic T2 Objective O3
• start the course
• Topic T6 Objective O7
• add a data retrieval service in a Durandal SPA in Visual Studio 2013
• Topic T10 Objective O11
• handle a successful query execution for model data retrieval in a Durandal SPA in Visual Studio 2013
• Topic T14 Objective O15
• handle a failed query execution for model data retrieval in a Durandal SPA in Visual Studio 2013
• Topic T18 Objective O19
• map model data to view model observables in a Durandal SPA
• Topic T23 Objective O24
• use the makeRelative() function to shorten application module paths in the Durandal shell in Visual Studio 2013
• Topic T27 Objective O28
• map a collection of routes to the Durandal shell router
• Topic T31 Objective O32
• identify the default routing convention used to locate Durandal modules and the content of the viewLocator.js file in the Durandal scripts directory
• Topic T35 Objective O36
• use a custom convention for instructing Durandal to locate application views and view models for run-time module construction
• Topic T39 Objective O40
• implement a custom function for handling unknown or invalid routes in a Durandal SPA in Visual Studio 2013
• Topic T43 Objective O44
• select the start-up module for a Durandal SPA in Visual Studio 2013
• Topic T47 Objective O48
• bind a progress bar to view navigation events for displaying the progress bar between view changes
• Topic T52 Objective O53
• create a navigation bar in the Durandal shell view using the shell router's navigation model in Visual Studio 2013
• Topic T56 Objective O57
• add a custom transition for t