MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Single Page Apps JumpStart

Course Summary

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'

  • +

    Course Syllabus

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

Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Open Source , Development & Implementations and Networks & IT Infrastructure Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top