KnockOut Js

In this article I will use knockoutjs for achieve MVVM patterns. Knockoutjs is a well known javascript library for create responsive, clean and rich interactive UI.

Knockout JS Features:

Bind model to UI: It is provide simple way to bind Model to direct UI
Dependency Trcking: It will automatically update UI base on changes in model data
Extensible: It is easy to write our custom method and behavior as per requirement of our application

MVVM (Model View View Model) design pattern for develop software. MVVM is specialize design pattern for presentation of Model in UI. It is targeted at modern UI development platforms which support Event-driven programming, such as HTML5, Windows Presentation Foundation (WPF), and Silverlight.
MVVM design pattern provide facility to develop software in a way the development of UI is totally separate of development of logic or model. MVVM is responsible to represent model on UI.

For set up visit http://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js and download lasted knockoutjs and add in your solution.

Knockout is also now available on NuGet package
We can download it using Visual Studio Package manager Consol using command : Install-Package knockoutjs

For more details checkout http://knockoutjs.com

Examples:
Hello Word !

    
    


    

    

        

            First name:
            
        

            Last name:
            
        

            Hello, !
    
    

List items

    
    


    

    New item:
    
    
    

        Your items:
    
    
    

Please check http://knockoutjs.com for more details. It is amazing and very useful for UI changes using mvvm patterns.

I hope it will help you !.