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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
mulderp
May 14, 2014
Programming
230
0
Share
Handlebones
A talk on using Backbone together with Handlebars
mulderp
May 14, 2014
More Decks by mulderp
See All by mulderp
Node.js for Embedded Systems
mulderp
1
2.8k
Nodebotsday
mulderp
1
150
I2C basics with Arduino
mulderp
0
230
Sharing hardware with JavaScript
mulderp
1
220
Arduino October meetup
mulderp
0
140
Physical JavaScript with Johnny-5, Cylon and Tessel
mulderp
1
1.1k
Blogging and writing about JavaScript
mulderp
2
950
Minimum Viable Interactions
mulderp
3
630
Arduino July Meetup
mulderp
0
120
Other Decks in Programming
See All in Programming
Feature Toggle は捨てやすく使おう
gennei
0
410
AI駆動開発がもたらすパラダイムシフト
ryosuke0911
0
110
Geminiをパートナーに神社DXシステムを個人開発した話(いなめぐDX 開発振り返り)
fujiba
0
140
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
avosalmon
1
310
forteeの改修から振り返るPHPerKaigi 2026
muno92
PRO
3
210
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて!
k0kubun
4
2.8k
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
seitarof
3
1.3k
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
kentaroutakeda
5
2.4k
Symfonyの特性(設計思想)を手軽に活かす特性(trait)
ickx
0
120
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
ikezoemakoto
0
320
VueエンジニアがReactを触って感じた_設計の違い
koukimiura
0
150
Nuxt Server Components
wattanx
0
240
Featured
See All Featured
How to build a perfect <img>
jonoalderson
1
5.3k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
210
Embracing the Ebb and Flow
colly
88
5k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
500
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
410
WCS-LA-2024
lcolladotor
0
510
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
New Earth Scene 8
popppiees
2
2k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.4k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
340
Abbi's Birthday
coloredviolet
2
6.3k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
160
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