Expanded
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
Rating
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
Description
Course info
Rating
Level
Beginner
Updated
Mar 14, 2013
Duration
5h 10m
Your 10-day individual free trial includes:
Expanded library
This course and over 7,000+ additional courses from our full course library.
Hands-on library
Practice and apply knowledge faster in real-world scenarios with projects and interactive courses.*Available on Premium only
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
About the author
John Papa is a Principal Developer Advocate with Microsoft and an alumni of the Google Developer Expert, Microsoft Regional Director, and MVP programs.
More from the author
More courses by John Papa
Course info
Rating
Level
Beginner
Updated
Mar 14, 2013
Duration
5h 10m
Pluralsight IQ
Know exactly where everyone on your team stands with assessments and analytics.
Try our full library including this course free for your whole team for 14-days.
