CRUD Operations Using Web API 2 and KnockOut.JS

In this article, I will demonstrate how we can create sample CRUD (Create, Read, Update, Delete) operations using ASP.NET, Web API2, and Knockout.js. I hope you will like this.
First, you must have Visual Studio 2015 (.NET Framework 4.5.2) and a SQL Server.


Introduction to Knockout.js With Play Template

Knockout is a JavaScript library that is based on Model–View–Viewmodel (MVVM) that helps to build responsive UI displays. This makes a clear separation between the mode l(Domain model/stored data), view (User Interface) and view-model (presentation of the model in which a binder communicates between view and data-binder).
Why Knockout.js?
1. Declarative bindings: This is a convenient way to bind the HTML to the data model. When we try to manipulate the DOM with the declarative binding, all the bounded elements remain connected.


Knockout.js Validations With and Without a Plugin

Here we are going to see how we can implement some basic validations using Knockout.js. As we mentioned in the headline, we are going to create validation demos in two manners.

Without using any plugins, our own custom way.
Using an existing plugin, the easy way.

If you are totally new to Knockout.js, I strongly recommend you read my previous post here, where I have shared some basics of Knockout.js. We will be using Visual Studio for our development. I hope you will like this. Now let’s begin.


MVC CRUD Actions Using KnockoutJS

In this post, we are going to create an MVC CRUD application with the help of Knockout JS. We will be using SQL database and Visual Studio for our development. If you are new to MVC, I strongly recommend you to read my previous post about MVC here. Now let’s begin.
Download the Source Code
MVC CRUD Actions Using KnockoutJS
Introduction to Knockout JS
According to KnockoutJS documentation, Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Anytime you have sections of UI that update dynamically (e.g., change depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainable.