Building a shopping cart with SignalR, ASP.NET Web API and Knockout.js

In this tutorial we will go through a process of building a sample shopping cart with real time capabilities. On top of that, we’ll also throw in a real time admin order overview.

The technologies used will include:

  • Knockout.js – for reactive client side data binding
  • ASP.NET Web API – as an API to retrieve data and send orders to the server side
  • SignalR – to notify interested parties in changes to the item stock quantities & order status

Since the topic of building a functional e-commerce solution is obviously extremely broad, we will take a few simplifications, which will allow us to focus our attention on the real time aspects of the cart and avoid distractions. We will treat security (user login/logout) and data persistence (we’ll just store the data in memory) as out of scope.

Read full article Here

Hope this will help !!!
Jay Ganesh

AngularJS vs KnockoutJS

Eli Weinstock-Herman has created serie of articles to explain difference of AngularJS and KnockoutJS.

The thing is, Knockout and AngularJS are attempting to solve two different problems. One is simply an MVVM binding framework, the other is a SPA-in-a-box solution. So instead of trying to directly compare the two frameworks.

Here are the capabilities discussed:

Data binding – bind HTML elements to JavaScript data models
Validation – validation of raw inputs by applying rules for fields or model properties
Serialization – easy method for serializing models to POST to server-side APIs
Templating – define HTML templates for re-usable complex collections of HTML
Modules + DI – keep my javascript files separate, help me order them properly, manage dependencies for me
Automated Testing – Exploring unit testing and possibilities for higher level testing
SPA Routing/History – make it easy for me to route between views in a single page app, with history/deep linking

Read Full Articles: http://blogs.lessthandot.com/index.php/WebDev/UIDevelopment/angularjs-vs-knockout-introduction-1/

Happy Programming !!!

Jay Ganesh