JavaScript SPA: Working with Rich Application Data


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 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.

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.6

Lesson Objectives

JavaScript SPA: Working with Rich Application Data

  • 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
  • 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
  • to teach developers how to connect to manage and distribute data for client views in a JavaScript SPA in Visual Studio 2013
  • Course Number:
    sl_jssp_a06_it_enus

    Expertise Level
    Intermediate