How to Download & Install

Download :

You can use this link to download knockoutjs
http://knockoutjs.com/downloads/knockout-3.1.0.js

Steps ->  Right click of mouse-> save as..
              Now you can use that .js file in your projects

or You can use CDNs
older version :
http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js
http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js
new version :
http://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js
http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js


Installation:

<script type='text/javascript' src='knockout-3.1.0.js'></script>

you just need to do this :
In your script tag src paste the link
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js" type="text/javascript"></script>

For More :
visit         http://knockoutjs.com/downloads/index.html

Knockoutjs - Understand Working

 Features
-Knockoutjs is a pure javascript library .
-It help u to create dynamic UI with less code
-it is very responsive on User's Action
-attaching data with UI very easy for complex module
-compact in size
-run on almost all updated browser.(may not older version)
-KO is used to implement knockoutjs in your UI

How it is Different from Javascript & JQuery
-It represent items as a JavaScript array, and then use a foreach binding to transform this array into   a TABLE or set of DIVs
- Don't need to create ant loop
- As data changes UI changes .
- More Efficient .
- jQuery doesn’t have a concept of an underlying data model.

FOR EXAMPLE :
<div data-bind="foreach:data">
<input type="text" data-bind="text:data.name()"/>
</div>

KO doesn’t compete with jQuery or Javascript. KO provides a flexible,efficient, high-level way to link a data model to a UI. KO itself doesn’t depend on jQuery, but you can certainly use jQuery at the same time, and indeed that’s often useful if you want things like animated transitions.

Knockoutjs Basic Introduction

Declarative bindings + Automatic UI Refresh + Dependency Tracking + Templating 

=

KNOCKOUTJS

      

Declarative Binding - Linking your data with UI . It provide you a simple way to bind your data and the data which effects the UI . less code required for complex UI .

Automatic UI Refresh = When the data model changes the UI will automatically get updated

Dependency Tracking = It is one of the most important feature of Knockout . It automatically detects the changes of properties in data-model and also handles it .

Templating  = It helps you to create you own templates . section of UI got updated automatically . it helps you to create complex UI 

                                                                click to see image larger

NOTE : Don't forget to add plugin of knockoutjs .

Example : = http://jsfiddle.net/secabhi/gaMHE/1/