Handlebones

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