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

Get started with JavaScript Single Page Apps!

Learn at your own pace with extensive interactive videos, practical assignments and exercises that help you apply theory in practice.
Test your knowledge with progress reports and tests per chapter to make sure you've mastered everything.
Become an expert in JavaScript SPA development and quickly create dynamic, fast and easy-to-use web applications.

Order your course now and start developing your own Single Page Applications today!