Learn your way! Get started

ASP.NET Using Knockout.js, Part 1: Getting Started

with expert James Curtis

Watch trailer

ASP.NET Using Knockout.js, Part 1: Getting Started Trailer

Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack
  • Power Pack Plus

Release date Release date 8/3/2012
Level Level Intermediate
Runtime Runtime 0h 49m
Platform Platform Major browsers on Windows Major browsers on Windows Major browsers on Mac OSX Major browsers on Mac OSX Mobile Devices Mobile Devices
Closed captioning Closed captioning Included
Transcript Transcript Included
eBooks / courseware eBooks / courseware Included
Hands-on labs Hands-on labs N/A
Sample code Sample code Included
Exams Exams Included

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

JavaScript is becoming more of a development standard for web applications. JavaScript libraries have expanded and a new library is Knockout.js. Knockout.js lets developers create rich, responsive user interfaces. This course will cover the whys and hows of Knockout.js. It will touch upon the 3 core features of Knockout.js and why Model-View-View Model (MVVM) is an important part of Knockout.js. Then the course will talk about how Observables can be used to customize View Model fields.


This course assumes that the users have an understanding of developing web applications using HTML, ASP.NET, and JavaScript in a Visual Studio 2010 development environment.

Meet the expert

James Curtis James Curtis is a .NET Developer that primarily works in the UX space. He has worked on and for several large projects alongside Microsoft Consulting. James has spoken at several code camps about UX development for ASP.NET and SharePoint. He is an active participant in the development community tweeting and blogging about several topics in the UX area. James is an active consultant and is also assisting in several Start-ups contributing his UX experience.

Course outline

Getting Started and Observable

Overview (07:16)
  • Introduction (00:51)
  • What is KnockoutJS and Why (01:05)
  • What is KnockoutJS (00:54)
  • What is not KnockoutJS (00:41)
  • 3 Core Features (01:10)
  • Model-View-View-Model (MVVM) (02:06)
  • Summary (00:27)
Getting Started (14:50)
  • Introduction (00:34)
  • Getting Started (00:44)
  • Demo: MVC 4 Project (04:12)
  • Demo: View Observables (02:32)
  • Update KO (00:58)
  • Demo: Update KO (01:37)
  • Demo: MVC 4 Bundles (02:31)
  • Demo: Connecting DataBase (01:27)
  • Summary (00:12)
Observables (27:11)
  • Introduction (00:48)
  • Observables (00:32)
  • Observables: Example (00:36)
  • Demo: Observables (02:03)
  • Demo: Simple View Model (03:02)
  • Demo: KO Observable (02:15)
  • Computed Observables (00:51)
  • Demo: Computed Observables (02:10)
  • Demo: Computed View Model (02:10)
  • Demo: Bind View Model (02:13)
  • Observable Arrays (00:42)
  • Demo: Observable Arrays (01:29)
  • Demo: Add Button (01:35)
  • Demo: Array View Model (03:47)
  • Demo: Debug (02:35)
  • Summary (00:15)