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!
Course info
Level
Beginner
Updated
Mar 14, 2013
Duration
5h 10m
Table of contents
Introduction to SPA
SPA JumpStart Course Overview 2m Introduction to SPA JumpStart 1m What You Need to Know About SPA 3m References 0m
SPA Templates
SPA Templates Overview 1m Template Choices 4m ASP.NET SPA Template 5m Hot Towel 5m Building on Hot Towel 7m To MVC or Not to MVC 3m Recommendations 1m
SPA from Scratch
SPA from Scratch 1m Start with a Blank Canvas 3m ASP.NET NuGet Packages 4m Preparing the Server Code 5m Adding Common Client NuGet Packages 6m Reviewing Your Canvas 2m
Foundations and Adding a View
SPA Foundations 1m What to Look for in a SPA Framework 5m Adding Durandal.js 3m Ravioli and Modules 4m Coding the Shell with Durandal.js 15m Knockout and MVVM 3m Coding the Speakers View and ViewModel 6m MVVM+S 2m Coding the Data Services 10m Coding the Model 3m Browser Caching Tip 0m Recap 1m
Navigation with Durandal
Navigation Goals 1m Preparing for New Views and the Router 4m Defining the Navigation Routes 4m Configuring the Router 7m Binding to the Router 3m Creating the Nav Buttons and Spinner 6m Adding a New View 5m View Transitions 1m Adding a Transition 4m Navigation Recap 2m
Data Management with Breeze
Why Bother with Rich Data? 3m Installing Breeze 2m Object Navigation 3m Refactoring the Web API Controller 5m Coding Breeze 1m Configure the DataContext 2m Extending Models 4m Writing Queries 6m Priming Data at Startup 5m View Bindings 4m Comparing Before and After 1m Recap 1m
Getting Data Efficiently
Getting Data for a Details View 1m Data in a Distributed Architecture 2m Projection Query 2m Mapping Partial Entities 5m Partial Entity Helper 2m Querying the Local Cache 8m Detail View HTML 2m Fetching Local or Remote Data 6m Details ViewModel 4m Routing to the Details 5m Recap 1m
Saving and Checking for Changes
Saving Data 1m Knockout Bindings 2m Refactor Value Bindings 1m Dropdowns and Lookups 4m Save and Cancel APIs 2m Saving Updates 6m Canceling Changes 3m Listening for Changes 2m Visual Cues for Change Tracking 6m ViewModel LifeCycle 4m Preventing Page Navigation 4m Recap 1m
Adding and Deleting Data
Adding and Deleting 1m Custom Navigation 3m Custom Menu 6m The Add View 1m The Add ViewModel 4m Null Objects 9m The Delete Story 1m Deleting Sessions 9m Recap 2m
Validating Data
Client Validation 1m Metadata on the Server 2m Gathering Validation 2m Displaying Validation 4m Breeze Validation API 3m Creating Custom Validation 7m Validation Recap 1m
Description
Course info
Level
Beginner
Updated
Mar 14, 2013
Duration
5h 10m
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.

About the author
John Papa
About the author

John Papa is a Principal Developer Advocate with Microsoft and an alumnus of the Google Developer Expert, Microsoft Regional Director, and MVP programs.

More from the author
Developing Faster with the Vue CLI
Beginner
2h 26m
Jan 1, 2019
Angular CLI
Beginner
3h 22m
Aug 31, 2018
Play by Play: Build and Deploy Angular to the Cloud
Intermediate
1h 2m
May 25, 2018
More courses by John Papa

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT