Knockout.jsby Jiéverson Maissiat

Knockout vs Zombiesby Jiéverson Maissiat

What?

Javascript library that helps you to create rich, responsive and dynamic view with a clean data model

Why?

?

Clean Code

Intuitive Code

Reducing complexity

Must to Know...

data-bindattributes in HTML

ko.observable()for the properties

ko.applyBindings() to activating bindings

What is MVVM?

Binding

<div data-bind=”text: message”></div>

var viewmodel = {message: ko.observable(‘Hello World!’);

}

Observable is a function!Don’t do this:

viewmodel.message = ‘hi’;

Do this:viewmodel.message(‘hi’);

Get and Set

Computed Binding

Code

http://learn.knockoutjs.com

http://movieshowti.me

Jiéverson MaissiatCraftbox

Thanks