Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Handlebones
Search
mulderp
May 14, 2014
Programming
0
210
Handlebones
A talk on using Backbone together with Handlebars
mulderp
May 14, 2014
Tweet
Share
More Decks by mulderp
See All by mulderp
Node.js for Embedded Systems
mulderp
1
2.8k
Nodebotsday
mulderp
1
130
I2C basics with Arduino
mulderp
0
220
Sharing hardware with JavaScript
mulderp
1
210
Arduino October meetup
mulderp
0
120
Physical JavaScript with Johnny-5, Cylon and Tessel
mulderp
1
1.1k
Blogging and writing about JavaScript
mulderp
2
900
Minimum Viable Interactions
mulderp
3
620
Arduino July Meetup
mulderp
0
100
Other Decks in Programming
See All in Programming
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
670
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
280
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
660
Is Xcode slowly dying out in 2025?
uetyo
1
260
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
770
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
630
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
生成AI時代のコンポーネントライブラリの作り方
touyou
1
180
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
150
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
510
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
360
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
760
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Designing for humans not robots
tammielis
253
25k
Documentation Writing (for coders)
carmenintech
72
4.9k
Being A Developer After 40
akosma
90
590k
What's in a price? How to price your products and services
michaelherold
246
12k
4 Signs Your Business is Dying
shpigford
184
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Navigating Team Friction
lara
187
15k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Transcript
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