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 display. This makes a clear separation between the model(Domain model/ stored data), view(User Interface) and view-model(presentation of the model in which 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 element remain connected

3.MVVM Design Pattern: knockout build a connection between ViewModel and View, and if any update takes place it will automatically update the UI element.4.Extensible – This implements custom behaviours as new declarative bindings for easy reuse in just a few lines of code.

data-bind syntax, link data to Html, consists two items: binding name and value

4.Creating ViewModel:

create view model(UserDetailModel) properties as observables, it’s a Javascript object that notifies subscribers about the changes and automatically detects their dependencies. Here, ko provides a way to link data model to UI.

Like this:

Teena is a Senior Software Consultant at Knoldus Software LLP having more than 3 year experience working in Scala, Akka, Play Framework.
She is very enthusiastic towards her work and good at working in team. She is very much keen to learn new technologies.
She is familiar with programming languages such as Scala, Play Framework, Akka, Javascript, HTML, Java.