JavaScript SPA: Working with Rich Application Data

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 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 manage, and distribute data for client views in a JavaScript SPA in Visual Studio 2013.

Objective

Saving and Handling Data Changes

start the course

implement editable view bindings

track changes to data fields in a view and update UI controls accordingly

save changes to model data

populate and display an editable drop-down list in an application view

prompt the user to save changes made before navigating away from an application view

cancel changes made to input element values in an application view

set up a JavaScript SPA server to facilitate saving data offline and restoring data when back online

save data offline and restore data when back online in a JavaScript SPA client

Retrieving and Distributing Data

limit the frequency with which a JavaScript SPA client makes XHR calls to the application server

retrieve model data using a Breeze Web API controller

force a remote data fetch with Breeze

set up a JavaScript SPA server to facilitate querying a local entity manager cache in Breeze

force a query of local entity manager cache in Breeze on a JavaScript SPA client

set up a JavaScript SPA server to facilitate the use of a partial entity mapper helper function for identifying and mapping partial entities on the client

use a partial entity mapper helper function to identify and map partial entities on a JavaScript SPA client

create a query that uses data projections so as to only retrieve a select set of fields from a data model in Durandal in Visual Studio 2013

access and display data from a projected query in an application view for a JavaScript SPA in Visual Studio 2013

Practice: Working with Rich Application Data

to teach developers how to connect to manage and distribute data for client views in a JavaScript SPA in Visual Studio 2013