Knockout.js in SharePoint 2013 App

For more Information  refer below article :

http://blog.mmasood.com/2013/05/how-i-wrote-my-sharepoint-2013-bill.html

http://knockoutjs.com/documentation/introduction.html

 

What is knockout ?
Knockout.js is a JavaScript library that enables you to declaratively bind elements against model data with two-way updates happening automatically between your UI and model. Getting started with Knockout is easy, and it integrates well with other libraries and technologies. Here is what you need to know to get started.

Why Knockout?
Developing a complex and dynamic data-driven web application can be a challenging task. Keeping a user interface in sync with the underlying data normally involves wiring up a number of event handlers to broker information between the various elements and the data whenever any actions are performed by a user or when new data is loaded.

Knockout.js MVVM Framework :-
Knockout facilitates the use of a Model-View-ViewModel (MVVM) pattern in a web application’s client-side behavior. The two main concepts one must learn when working with Knockout’s MVVM implementation are Observables and Bindings.

Advantages of Knockout:-
• Easy to start, no learning curve, well documented.
• Light and fast, only 41kb
• Declarative two-way binding enables a lot of stuff like UI events propagation, visible true/false, dynamic UI, etc…
• Respect HTML & CSS, it does not bring markup codes into JavaScript code, that is, HTML and JavaScript is completely separated.
• Easy to understand HTML structure due to above reason
• The amount of JavaScript code to write is relatively smaller than other JavaScript frameworks
• No limitation to integrate with other tools and libraries such as Bootstrap, jQuery, underscore.JS

 

VideoLink:
KnockoutJS and MVVM: Tips for Building HTML and JavaScript Web Apps

Advertisements

One thought on “Knockout.js in SharePoint 2013 App

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s