LWM03 Workshop: Data-Centric Single Page Applications with Knockout, Durandal, Breeze, and Web API

03/10/2014

9:00am - 6:00pm

Level: Introductory to Intermediate

Brian Noyes

CTO and Co-founder

Solliance

This workshop will take you end-to-end, showing you how to put together a rich data driven HTML client interface using Knockout and Durandal to separate the UI data manipulation, loading and saving from the presentation markup, using Breeze to do the heavy lifting on making the service calls for you, tracking changes on the entities, sending changes to the server side in batches, and more.

By the end of the day, you will know how to build out the vertical slices of your HTML SPA app from top to bottom. You need to build an HTML client app either to package as a mobile app for multiple platforms or for use in a browser, and there is a lot of data presentation and manipulation involved. You may be fully embracing the Single Page Application (SPA) architecture, or you may just have some highly interactive and data-centric pages you need to implement. You want to make sure you end up with good, clean, maintainable, testable, and easy to client and server side code.

This workshop will take you end-to-end, showing you how to put together a rich data driven HTML client interface using Knockout and Durandal to separate the UI data manipulation, loading and saving from the presentation markup, using Breeze to do the heavy lifting on making the service calls for you, tracking changes on the entities, sending changes to the server side in batches, and more. Then you'll also see how to set up the server side using ASP.NET Web API to expose the services consumed by your client. By the end of the day, you will know how to build out the vertical slices of your app from top to bottom.

You will learn:

  • How to do data binding in HTML client side applications with KnockoutJS
  • How to structure views, view models, and navigation with Durandal
  • How to simplify AJAX data access via services with Breeze