Getting Started with SPA Templates

Course: 1 Hour, 40 Minutes

• Course Introduction
• Getting Familiar with the Backbone.js Template
• Getting Familiar with the Durandal SPA Template
• Getting Familiar with the Breeze-Knockout Template
• Getting Familiar with the Breeze-Angular Template
• Getting Familiar with the Hot Towel Template
• Getting Familiar with the Ember Template
• Adding a New View in a Hot Towel MVC SPA Project

Practice: Getting Started with SPA Templates

Course: 20 Minutes

• Exercise: Using Common NuGet Packages

Adding Common NuGet Packages for the Server

Course: 28 Minutes

• Course Introduction
• Adding the Entity Frame Work Package
• Adding the Entity Framework. qlServerCompact Package
• Adding the ASP.NET Web API Package
• Adding the ASP.NET Web Optimization Package
• Adding the ASP.NET Razor Package

Adding Common NuGet Packages for the Client

Course: 25 Minutes

• Adding and Using the jQuery and Modernizr Libraries
• Adding and Using the Twitter. Bootstrap Library
• Using Iconic Font from Font Awesome

Creating SPA Views and Configuring Routes

Course: 56 Minutes

• Using an Application Layout Page
• Creating an MVC 5 Controller Using C#
• Bundling SPA Scripts
• Configuring SPA Controller Routes Using C#
• Creating an MVC 5 Controller Using VB
• Adding an MVC 5 View Using C#
• Adding an MVC 5 View Using VB
• Adding an MVC 5 Partial View Using C#
• Adding an MVC 5 Partial View Using VB
• Configuring SPA Controller Routes Using VB

Practice: Create MVC 5 Views in Visual Studio

Course: 20 Minutes

• Exercise: JavaScript SPA: SPA Views and Routes

Composing Modules with Durandal

Course: 10 Minutes

• Course Introduction
• Adding a New View in a Durandal SPA
• Adding a New View Model in a Durandal SPA

Dynamic Module Loading with Durandal

Course: 22 Minutes

• Configuring RequireJS in a Durandal SPA
• Bootstrapping with RequireJS in a Durandal SPA
• Enabling System Debugging in a Durandal SPA
• Adding a Splash Page in a Durandal SPA

Handling App Lifecycle Events with Durandal

Course: 34 Minutes

• Creating an Activator in a Durandal SPA
• Using the Activate() Function in Durandal
• Using the CanActivate() Function in Durandal
• Using the Deactivate() Function in Durandal
• Using the CanDeactivate() Function in Durandal

View Composition in Durandal

Course: 16 Minutes

• Composing a View without a View Model
• Composing a View with Its Own View Model

Practice: Create Single Page App Using JavaScript

Course: 20 Minutes

• Exercise: Single Page Apps

Composing Modules with Durandal

Course: 10 Minutes

• Course Introduction
• Adding a New View in a Durandal SPA
• Adding a New View Model in a Durandal SPA

Dynamic Module Loading with Durandal

Course: 22 Minutes

• Configuring RequireJS in a Durandal SPA
• Bootstrapping with RequireJS in a Durandal SPA
• Enabling System Debugging in a Durandal SPA
• Adding a Splash Page in a Durandal SPA

Handling App Lifecycle Events with Durandal

Course: 34 Minutes

• Creating an Activator in a Durandal SPA
• Using the Activate() Function in Durandal
• Using the CanActivate() Function in Durandal
• Using the Deactivate() Function in Durandal
• Using the CanDeactivate() Function in Durandal

View Composition in Durandal

Course: 16 Minutes

• Composing a View without a View Model
• Composing a View with Its Own View Model

Practice: Create Single Page App Using JavaScript

Course: 20 Minutes

• Exercise: Single Page Apps

Retrieving Data for Views and View Models

Course: 45 Minutes

• Course Introduction
• Using a Data Retrieval Service in Durandal
• Handling Successful Model Data Retrieval in Durandal
• Handling Failed Model Data Retrieval in Durandal
• Mapping Model Data to ViewModel Observables in Durandal

Configuring Routes with the Durandal Router

Course: 46 Minutes

• Configuring Routes Using the MakeRelative() Function
• Adding a Collection of Routes Using the Map() Function
• Using the Default Routing Convention
• Using a Custom Routing Convention
• Handling Unknown Routes in Durandal
• Setting the Startup Module in Durandal
• Binding View Navigation to a Progress Bar

Route Activation and Binding with Durandal Router

Course: 20 Minutes

• Create a Nav Bar Using the Router Navigation Model
• Adding a View Transition in Durandal

Practice: Adding Views and Handling View Navigation

Course: 20 Minutes

• Exercise: Single Page Apps

Connecting to Data in JavaScript SPA

Course: 11 Minutes

• Course Introduction
• Connecting to a SQL Server Compact 4.0 Database
• Generating Entity Framework 6.0 Models from Database

Managing Data with Breeze

Course: 1 Hour, 40 Minutes

• Installing Breeze for a JavaScript SPA
• Caching Data on the Client with Breeze
• Sharing Data Amongst Client Views – Server Side
• Sharing Data Amongst Client Views – Client Side
• Constructing Breeze Queries
• Obtaining Object Graphs with Breeze
• Navigating Object Graphs with Breeze
• Initializing Application Data with Breeze
• Using Breeze Metadata from the Server
• Creating and Using Breeze Metadata on the Client

Practice: Connecting to and Managing Data

Course: 15 Minutes

• Exercise: Connecting to and Managing Data from an SPA

Saving and Handling Data Changes

Course: 1 Hour, 11 Minutes

• Course Introduction
• Using Editable View Bindings
• Tracking On-Screen Changes
• Saving Model Data Updates
• Displaying a Dropdown List in a View
• Prompting for Save before Navigating Away from a View
• Cancelling On-Screen Changes
• Saving and Restoring Changes Made Offline – Server Side
• Saving and Restoring Changes Made Offline – Client Side

Retrieving and Distributing Data

Course: 1 Hour, 11 Minutes

• Limiting Server Data Fetch Frequency
• Retrieving Model Data with Breeze
• Forcing a Remote Data Fetch with Breeze
• Querying the Local Cache with Breeze – Server Side
• Querying the Local Cache with Breeze – Client Side
• Mapping Partial Data Entities – Server Side
• Mapping Partial Data Entities – Client Side1
• Creating a Projection Query
• Administering Projection Query Data to Views

Practice: Working with Rich Application Data

Course: 15 Minutes

• Exercise: Working with Rich Application Data

Adding and Deleting Application Data

Course: 1 Hour, 29 Minutes

• Course Introduction
• Creating a View for Adding Data - Server Side
• Creating a View for Adding Data - Client Side
• Creating a View for Deleting Data - Server Side
• Creating a View for Deleting Data - Client Side
• Adding Routes for Customized Navigation Menus
• Creating a ViewModel for Adding Data - Server Side
• Creating a ViewModel for Adding Data - Client Side
• Adding Application Data - Server Side
• Adding Application Data - Client Side
• Deleting Application Data - Server Side
• Deleting Application Data - Client Side
• Adding Null Objects into Lookup Lists - Server Side
• Adding Null Objects into Lookup Lists - Client Side

Practice: Managing Application Data

Course: 20 Minutes

• Exercise: Managing Application Data

Using Custom Validation Rules

Course: 31 Minutes

• Course Introduction
• Defining Custom Validation Rules
• Registering Custom Validation Rules with Breeze
• Applying Custom Validation Rules on the Client

Reporting Validation Errors

Course: 42 Minutes

• Applying Data Annotations on the Server
• Notifying the User of Input Validation Errors
• Gathering Breeze Entity Errors
• Parsing Validation Error Messages on the Client

Practice: Working with Validation

Course: 20 Minutes

• Exercise: Working with Validation