Handlebones Building an App with Handlebars and Backbone Patrick mulder @mulpat Munich Ember Meetup May 2014 

Background render UI‘s with Key-Value Observation 

Views State Updates Server Sync Changes UI Events DOM Templates MV* Keys Values Handlebars 

Handlebars mvc_editor To be released at github, inspired by Andrei Kashcha 

App Dependencies Scaffolding And project structure 

Simple controls 1 way data binding = Change in state -> re-render view 

Advanced editing 2 way data binding = •  Change in model -> change in view •  Change in input -> change model 

Advanced Views •  Start with lists or longer inputs •  E.g. the colors 

Nested views 

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