Knockout.js Introduction

We all know about jQuery It makes Java Script developers life very easy. But in Some scenarios jQuery does not help. For example there is no way where UI and data communicates with each other without writing complex code.  Here JavaScript library knockout comes very handy.  Knockout.js implement Model-View-View-Model pattern to JavaScript. 

Key Features:

Declarative bindings: It provides an easy way to bind your data with UI declaratively. You can use knockout observables with some html attributes. Whenever data changes it will automatically updates UI.

Dependency Tracking:  With this features it will automatically updates the UI whenever data changes.

Extensibility: It can be easily extensible with new declarative bindings and it can recused every where.

Templating: Knockout.js has a built in template engine which you can use with declarative bindings. It also supports third party template engines like jQuery templates and UnderScore.

Continue Reading

Simple data binding with Knockout, Web API and ASP.Net Web Forms

In this post We are going to see How Knockout, ASP.Net Web API and ASP.Net works together smoothly. There are lots many examples of ASP.Net MVC,Web API and Knockout.js available on web working together  nicely. So I thought it will be a good idea to write a blog post about how ASP.Net Web API, ASP.Net Web Forms,Knockout.js works together and how we can create simple data binding with Knockout.js.

ASP.Net Web Forms:

As we all know ASP.Net Web Forms is one of premier development technology widely use in creating web sites and web applications. ASP.Net Web Forms allow to create dynamic websites using event driven model. It is one of the easiest way to create web applications and web sites.

ASP.Net Web API:

ASP.Net Web API is a framework that allows to build HTTP Service that reach a broad range of clients including browsers and mobile devices.It provides very easy way to write restful http services. Its can be access by any type of client over HTTP protocol. Client can make a GET, PUT,POST and DELETE request based on its requirement and get the response appropriately.

Knockout JS:

As per knockoutjs.com, Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. It provides a way to declarative bindings using an ‘Observable’ view model on browser. It supports two way bindings.

Continue Reading