Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Handlebones

 Handlebones

A talk on using Backbone together with Handlebars

5d75f8af878f069a3b5939894c2e57ab?s=128

mulderp

May 14, 2014
Tweet

Transcript

  1. Handlebones Building an App with Handlebars and Backbone Patrick mulder

    @mulpat Munich Ember Meetup May 2014
  2. Background render UI‘s with Key-Value Observation

  3. Views State Updates Server Sync Changes UI Events DOM Templates

    MV* Keys Values Handlebars
  4. Handlebars mvc_editor To be released at github, inspired by Andrei

    Kashcha
  5. App Dependencies Scaffolding And project structure

  6. Simple controls 1 way data binding = Change in state

    -> re-render view
  7. Advanced editing 2 way data binding = •  Change in

    model -> change in view •  Change in input -> change model
  8. Advanced Views •  Start with lists or longer inputs • 

    E.g. the colors
  9. Nested views

  10. References •  http://thinkingonthinking.com/two-way-databinding- with-stickit/ •  http://thinkingonthinking.com/key-value-pairs/ •  https://speakerdeck.com/mulderp/backbone-and- handlebars • 

    https://github.com/FormidableLabs/handlebones •  http://handlebarsjs.com/block_helpers.html