Single Page Apps JumpStart
Build a Single Page Application (SPA), in JavaScript and HTML, with a rich user experience and runs on almost any device!
Authored by:
John Papa
Duration: 5h 10m
Level: Beginner
Released: 3/14/2013
Features:
Duration: 5h 10m
Level: Beginner
Released: 3/14/2013
Features:
Course Rating:
You are currently not signed in. Please sign in to access subscriber-only content.
Currently using: {{getCurrentPlayerName()}} [Change]
| expand all | collapse all | Progress | Duration | |
|---|---|---|---|
Introduction to SPA |
|
00:07:23 | |
|
SPA JumpStart Course Overview
|
|
02:28 | |
|
Introduction to SPA JumpStart
|
|
01:20 | |
|
What You Need to Know About SPA
|
|
03:07 | |
|
References
|
|
00:28 | |
|
00:26:43 | ||
|
01:01 | ||
|
04:04 | ||
|
05:08 | ||
|
05:06 | ||
|
06:56 | ||
|
03:27 | ||
|
01:01 | ||
SPA from Scratch |
|
00:19:33 | |
|
SPA from Scratch
|
|
00:51 | |
|
Start with a Blank Canvas
|
|
02:45 | |
|
ASP.NET NuGet Packages
|
|
03:35 | |
|
Preparing the Server Code
|
|
04:42 | |
|
Adding Common Client NuGet Packages
|
|
06:10 | |
|
Reviewing Your Canvas
|
|
01:30 | |
Foundations and Adding a View |
|
00:54:37 | |
|
SPA Foundations
|
|
01:09 | |
|
What to Look for in a SPA Framework
|
|
05:05 | |
|
Adding Durandal.js
|
|
02:56 | |
|
Ravioli and Modules
|
|
04:19 | |
|
Coding the Shell with Durandal.js
|
|
15:00 | |
|
Knockout and MVVM
|
|
03:25 | |
|
Coding the Speakers View and ViewModel
|
|
06:00 | |
|
MVVM+S
|
|
02:07 | |
|
Coding the Data Services
|
|
09:42 | |
|
Coding the Model
|
|
03:03 | |
|
Browser Caching Tip
|
|
00:29 | |
|
Recap
|
|
01:22 | |
Navigation with Durandal |
|
00:35:19 | |
|
Navigation Goals
|
|
01:14 | |
|
Preparing for New Views and the Router
|
|
03:54 | |
|
Defining the Navigation Routes
|
|
03:37 | |
|
Configuring the Router
|
|
06:36 | |
|
Binding to the Router
|
|
02:33 | |
|
Creating the Nav Buttons and Spinner
|
|
05:51 | |
|
Adding a New View
|
|
05:05 | |
|
View Transitions
|
|
01:02 | |
|
Adding a Transition
|
|
03:42 | |
|
Navigation Recap
|
|
01:45 | |
Data Management with Breeze |
|
00:35:51 | |
|
Why Bother with Rich Data?
|
|
02:42 | |
|
Installing Breeze
|
|
01:40 | |
|
Object Navigation
|
|
03:00 | |
|
Refactoring the Web API Controller
|
|
05:14 | |
|
Coding Breeze
|
|
01:26 | |
|
Configure the DataContext
|
|
02:15 | |
|
Extending Models
|
|
03:32 | |
|
Writing Queries
|
|
05:31 | |
|
Priming Data at Startup
|
|
05:18 | |
|
View Bindings
|
|
03:45 | |
|
Comparing Before and After
|
|
00:46 | |
|
Recap
|
|
00:42 | |
Getting Data Efficiently |
|
00:38:03 | |
|
Getting Data for a Details View
|
|
01:26 | |
|
Data in a Distributed Architecture
|
|
01:35 | |
|
Projection Query
|
|
01:52 | |
|
Mapping Partial Entities
|
|
05:26 | |
|
Partial Entity Helper
|
|
01:42 | |
|
Querying the Local Cache
|
|
08:06 | |
|
Detail View HTML
|
|
02:02 | |
|
Fetching Local or Remote Data
|
|
05:41 | |
|
Details ViewModel
|
|
03:40 | |
|
Routing to the Details
|
|
05:06 | |
|
Recap
|
|
01:27 | |
Saving and Checking for Changes |
|
00:35:44 | |
|
Saving Data
|
|
00:55 | |
|
Knockout Bindings
|
|
02:19 | |
|
Refactor Value Bindings
|
|
01:12 | |
|
Dropdowns and Lookups
|
|
04:29 | |
|
Save and Cancel APIs
|
|
01:31 | |
|
Saving Updates
|
|
06:09 | |
|
Canceling Changes
|
|
02:43 | |
|
Listening for Changes
|
|
02:09 | |
|
Visual Cues for Change Tracking
|
|
05:43 | |
|
ViewModel LifeCycle
|
|
03:38 | |
|
Preventing Page Navigation
|
|
03:47 | |
|
Recap
|
|
01:09 | |
Adding and Deleting Data |
|
00:36:28 | |
|
Adding and Deleting
|
|
01:29 | |
|
Custom Navigation
|
|
02:32 | |
|
Custom Menu
|
|
05:51 | |
|
The Add View
|
|
01:21 | |
|
The Add ViewModel
|
|
03:57 | |
|
Null Objects
|
|
08:51 | |
|
The Delete Story
|
|
01:15 | |
|
Deleting Sessions
|
|
09:13 | |
|
Recap
|
|
01:59 | |
Validating Data |
|
00:20:22 | |
|
Client Validation
|
|
01:10 | |
|
Metadata on the Server
|
|
02:04 | |
|
Gathering Validation
|
|
02:10 | |
|
Displaying Validation
|
|
04:11 | |
|
Breeze Validation API
|
|
02:53 | |
|
Creating Custom Validation
|
|
06:44 | |
|
Validation Recap
|
|
01:10 |
Introduction to SPA
