Single Page Apps JumpStart

By John Papa
Build a Single Page Application (SPA), in JavaScript and HTML, with a rich user experience and runs on almost any device!
More
Start free trial now
By John Papa
Build a Single Page Application (SPA), in JavaScript and HTML, with a rich user experience and runs on almost any device!
More
Expand all
Introduction to SPA
7m 23s
SPA JumpStart Course Overview 2m 28s Introduction to SPA JumpStart 1m 20s What You Need to Know About SPA 3m 7s References 0m 28s
SPA Templates
26m 43s
SPA Templates Overview 1m 1s Template Choices 4m 4s ASP.NET SPA Template 5m 8s Hot Towel 5m 6s Building on Hot Towel 6m 56s To MVC or Not to MVC 3m 27s Recommendations 1m 1s
SPA from Scratch
19m 33s
SPA from Scratch 0m 51s Start with a Blank Canvas 2m 45s ASP.NET NuGet Packages 3m 35s Preparing the Server Code 4m 42s Adding Common Client NuGet Packages 6m 10s Reviewing Your Canvas 1m 30s
Foundations and Adding a View
54m 37s
SPA Foundations 1m 9s What to Look for in a SPA Framework 5m 5s Adding Durandal.js 2m 56s Ravioli and Modules 4m 19s Coding the Shell with Durandal.js 15m 0s Knockout and MVVM 3m 25s Coding the Speakers View and ViewModel 6m 0s MVVM+S 2m 7s Coding the Data Services 9m 42s Coding the Model 3m 3s Browser Caching Tip 0m 29s Recap 1m 22s
Navigation with Durandal
35m 19s
Navigation Goals 1m 14s Preparing for New Views and the Router 3m 54s Defining the Navigation Routes 3m 37s Configuring the Router 6m 36s Binding to the Router 2m 33s Creating the Nav Buttons and Spinner 5m 51s Adding a New View 5m 5s View Transitions 1m 2s Adding a Transition 3m 42s Navigation Recap 1m 45s
Data Management with Breeze
35m 51s
Why Bother with Rich Data? 2m 42s Installing Breeze 1m 40s Object Navigation 3m 0s Refactoring the Web API Controller 5m 14s Coding Breeze 1m 26s Configure the DataContext 2m 15s Extending Models 3m 32s Writing Queries 5m 31s Priming Data at Startup 5m 18s View Bindings 3m 45s Comparing Before and After 0m 46s Recap 0m 42s
Getting Data Efficiently
38m 3s
Getting Data for a Details View 1m 26s Data in a Distributed Architecture 1m 35s Projection Query 1m 52s Mapping Partial Entities 5m 26s Partial Entity Helper 1m 42s Querying the Local Cache 8m 6s Detail View HTML 2m 2s Fetching Local or Remote Data 5m 41s Details ViewModel 3m 40s Routing to the Details 5m 6s Recap 1m 27s
Saving and Checking for Changes
35m 44s
Saving Data 0m 55s Knockout Bindings 2m 19s Refactor Value Bindings 1m 12s Dropdowns and Lookups 4m 29s Save and Cancel APIs 1m 31s Saving Updates 6m 9s Canceling Changes 2m 43s Listening for Changes 2m 9s Visual Cues for Change Tracking 5m 43s ViewModel LifeCycle 3m 38s Preventing Page Navigation 3m 47s Recap 1m 9s
Adding and Deleting Data
36m 28s
Adding and Deleting 1m 29s Custom Navigation 2m 32s Custom Menu 5m 51s The Add View 1m 21s The Add ViewModel 3m 57s Null Objects 8m 51s The Delete Story 1m 15s Deleting Sessions 9m 13s Recap 1m 59s
Validating Data
20m 22s
Client Validation 1m 10s Metadata on the Server 2m 4s Gathering Validation 2m 10s Displaying Validation 4m 11s Breeze Validation API 2m 53s Creating Custom Validation 6m 44s Validation Recap 1m 10s
Build a Single Page Application (SPA), in JavaScript and HTML, with a rich user experience and runs on almost any device! Start from File | New project and build a fully functional SPA with multiple pages, insert, update, delete, validation, and more. We'll explore and build with the ASP.NET Hot Towel SPA template as well as powerful JavaScript libraries such as Durandal, Breeze, Knockout, toastr, Twitter Bootstrap, and jQuery.
Table of Contents
Expand all
Introduction to SPA
7m 23s
SPA JumpStart Course Overview 2m 28s Introduction to SPA JumpStart 1m 20s What You Need to Know About SPA 3m 7s References 0m 28s
SPA Templates
26m 43s
SPA Templates Overview 1m 1s Template Choices 4m 4s ASP.NET SPA Template 5m 8s Hot Towel 5m 6s Building on Hot Towel 6m 56s To MVC or Not to MVC 3m 27s Recommendations 1m 1s
SPA from Scratch
19m 33s
SPA from Scratch 0m 51s Start with a Blank Canvas 2m 45s ASP.NET NuGet Packages 3m 35s Preparing the Server Code 4m 42s Adding Common Client NuGet Packages 6m 10s Reviewing Your Canvas 1m 30s
Foundations and Adding a View
54m 37s
SPA Foundations 1m 9s What to Look for in a SPA Framework 5m 5s Adding Durandal.js 2m 56s Ravioli and Modules 4m 19s Coding the Shell with Durandal.js 15m 0s Knockout and MVVM 3m 25s Coding the Speakers View and ViewModel 6m 0s MVVM+S 2m 7s Coding the Data Services 9m 42s Coding the Model 3m 3s Browser Caching Tip 0m 29s Recap 1m 22s
Navigation with Durandal
35m 19s
Navigation Goals 1m 14s Preparing for New Views and the Router 3m 54s Defining the Navigation Routes 3m 37s Configuring the Router 6m 36s Binding to the Router 2m 33s Creating the Nav Buttons and Spinner 5m 51s Adding a New View 5m 5s View Transitions 1m 2s Adding a Transition 3m 42s Navigation Recap 1m 45s
Data Management with Breeze
35m 51s
Why Bother with Rich Data? 2m 42s Installing Breeze 1m 40s Object Navigation 3m 0s Refactoring the Web API Controller 5m 14s Coding Breeze 1m 26s Configure the DataContext 2m 15s Extending Models 3m 32s Writing Queries 5m 31s Priming Data at Startup 5m 18s View Bindings 3m 45s Comparing Before and After 0m 46s Recap 0m 42s
Getting Data Efficiently
38m 3s
Getting Data for a Details View 1m 26s Data in a Distributed Architecture 1m 35s Projection Query 1m 52s Mapping Partial Entities 5m 26s Partial Entity Helper 1m 42s Querying the Local Cache 8m 6s Detail View HTML 2m 2s Fetching Local or Remote Data 5m 41s Details ViewModel 3m 40s Routing to the Details 5m 6s Recap 1m 27s
Saving and Checking for Changes
35m 44s
Saving Data 0m 55s Knockout Bindings 2m 19s Refactor Value Bindings 1m 12s Dropdowns and Lookups 4m 29s Save and Cancel APIs 1m 31s Saving Updates 6m 9s Canceling Changes 2m 43s Listening for Changes 2m 9s Visual Cues for Change Tracking 5m 43s ViewModel LifeCycle 3m 38s Preventing Page Navigation 3m 47s Recap 1m 9s
Adding and Deleting Data
36m 28s
Adding and Deleting 1m 29s Custom Navigation 2m 32s Custom Menu 5m 51s The Add View 1m 21s The Add ViewModel 3m 57s Null Objects 8m 51s The Delete Story 1m 15s Deleting Sessions 9m 13s Recap 1m 59s
Validating Data
20m 22s
Client Validation 1m 10s Metadata on the Server 2m 4s Gathering Validation 2m 10s Displaying Validation 4m 11s Breeze Validation API 2m 53s Creating Custom Validation 6m 44s Validation Recap 1m 10s
Description
Build a Single Page Application (SPA), in JavaScript and HTML, with a rich user experience and runs on almost any device! Start from File | New project and build a fully functional SPA with multiple pages, insert, update, delete, validation, and more. We'll explore and build with the ASP.NET Hot Towel SPA template as well as powerful JavaScript libraries such as Durandal, Breeze, Knockout, toastr, Twitter Bootstrap, and jQuery.
Course info
Level
Beginner
Rating
(1333)
Duration
5h 10m
Released
14 Mar 2013
Course authors
John Papa

John Papa is a Google Developer Expert, Microsoft Regional Director and MVP, author of 100+ articles and 10 books, and a former technology Evangelist for Microsoft client teams. He specializes in professional application development with technologies including HTML5, JavaScript, CSS, Angular, Gulp, Knockout, C#, and ASP.NET.

Share course