Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Knockout (support slides for presentation)

850 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…

×