JavaScript SPA: Adding Views and Handling View Navigation in Durandal

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

Prerequisite
None

Expected Duration
131 minutes

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.

Objective

Retrieving Data for Views and View Models

  • 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

Configuring Routes with the Durandal Router

  • 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

Route Activation and Binding with Durandal Router

  • 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

Practice: Adding Views and Handling View Navigation

  • working with single page apps and Durandal

MONTHLY SUBSCRIPTION

$129/month
 

ANNUAL SUBSCRIPTION

$1295/year

Multi-license discounts available for Annual and Monthly subscriptions.