Introduction to Backbone.js

1. Backbone.js

3. Separation of
concerns
MVC
Collections
Glorified
DOM node
Map abstract
truth to user
experience
Reasoning in
isolation
Params hash
Program
State AggregatorsDefaults
Static
Analysis
Runtime
Limits
MODELS
VIEWS
CONTROLLERS
Projections
Subclassing

7. ??

8. Eventsemitter
listener

9. DOMVIEW
user input
fires event
fires event
invoke model
logic
updates
DOM
this.render
events: {
‘input’,
this.model.
method()
}
initialize: {
listens for
changes on
models
}
e.g.“click”
MODEL
COLLECTION
do some
work
changes
updated in
real-time
firesevent
firesevent
DATA
initialize: {
this.on(‘event’, callback);
}
initialize: {
this.on(‘event’, callback);
}
(this.trigger)
synchronou
s
asynchronou
s

10. “Get your truth
out of
the DOM”
This presentation brought to you
by…