Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Background render UI‘s with Key-Value Observation

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

App Dependencies Scaffolding And project structure

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

Nested views

Slide 10

Slide 10 text

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