Get started with knockout.js quickly, learning to build single-page applications, custom bindings and more with these interactive tutorials.

Introduction Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model.

knockout.js helps you simplify dynamic JavaScript UIs using the Model-View-ViewModel (MVVM) pattern. This website is a set of interactive coding exercises to help you quickly learn how to …

Note: This is only intended to help you understand how Knockout works. Don't use it for normal application development, because it exposes additional unsupported private APIs.

This advanced technique for working with observables was added in Knockout 3.5. Sometimes, rather than reacting to every change to an observable, you just need to know when the …

Knockout’s declarative binding system provides a concise and powerful way to link data to the UI. It’s generally easy and obvious to bind to simple data properties or to use a single binding.

To see working examples of using Knockout to create responsive UIs, choose from the menu on the left. If you’re new to Knockout, start with the ‘Hello World’ example and perhaps read an …

The using binding was introduced in Knockout 3.5 as a replacement for with when re-rendering descendant elements isn’t desired. Because using re-evaluates descendant bindings instead …

If you configure Knockout to fetch them via an AMD module loader such as require.js, then they can either be preloaded (possibly bundled/minified), or incrementally loaded as needed.

Although you can subscribe to and access an observableArray just like any other observable, Knockout also provides a super-fast method to find out how an observable array has changed …