IT Professional Curricula     Web Design Solution Area     Scripting and Web Languages     JavaScript Single Page Apps

---

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.

---

---

Objectives

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