Knockout (support slides for presentation)

796 views

Published on

You can find the mini project I wrote during the presentation here: https://bitbucket.org/AymericG/taskboard

Published in: Technology
  • Be the first to comment

Knockout (support slides for presentation)

  1. 1. Knockout.js Hands on introduction
  2. 2. Who am I? Why a “Who am I?” • Aymeric Gaurat-Apelli • .NET developer/consultant since beta • Worked in France, Australia (Readify) and Thailand • Web entrepreneur • Facebook games (1M users/day) • http://taskarmy.com • http://weekplan.net (knockout.js SPA) • Employee at Jetabroad (Thailand)
  3. 3. What is Knockout.js? • Javascript MVVM library • Declarative data binding • Templating • http://knockoutjs.com
  4. 4. MVV What? Model View Model View Knockout.js love Javascript object Portion of HTML Javascript object Server side
  5. 5. Basics ko.applyBindings(viewModel, domElement); Hey Knockout.js Apply my view model here HTML Page No problem!
  6. 6. Basics ko.applyBindings(myViewModel, domElement); Hey Knockout.js Apply my view model here HTML Page No problem!
  7. 7. Observables Can have subscribers Raise an event when the value changes You can have observable arrays too <input type=“text” data-bind=“value: personName” /> Two way binding
  8. 8. Enough bla bla. Let’s code…

×