Give Your JavaScript Apps A Spine
Upcoming SlideShare
Loading in...5
×
 

Give Your JavaScript Apps A Spine

on

  • 3,542 views

A basic intro to Backbone.JS that I gave at WebDU in Sydney, April 2011. ...

A basic intro to Backbone.JS that I gave at WebDU in Sydney, April 2011.

There was lots of switching to app demos and code examples, so there’s not heaps of explanation on the slides, but hopefully they might be of use.

Statistics

Views

Total Views
3,542
Views on SlideShare
3,540
Embed Views
2

Actions

Likes
1
Downloads
26
Comments
0

1 Embed 2

https://si0.twimg.com 2

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Give Your JavaScript Apps A Spine Give Your JavaScript Apps A Spine Presentation Transcript

  • Give Your JS Apps A SpineLACHSTOCK
  • What is Backbone?
  • What is Backbone?“Backbone supplies structure to JavaScript-heavy applications by providing models withkey-value binding and custom events,collections with a rich API of enumerablefunctions, views with declarative eventhandling, and connects it all to your existingapplication over a RESTful JSON interface. ”
  • I’m no computer scientist.
  • What is Backbone?“Backbone supplies structure to JavaScript-heavy applications by providing models withkey-value binding and custom events,collections with a rich API of enumerablefunctions, views with declarative eventhandling, and connects it all to your existingapplication over a RESTful JSON interface. ”
  • WTF?
  • What is Backbone?“Backbone supplies structure to JavaScript-heavy applications by providing models withkey-value binding and custom events,collections with a rich API of enumerablefunctions, views with declarative eventhandling, and connects it all to your existingapplication over a RESTful JSON interface. ”
  • What is Backbone?“Backbone supplies structure to JavaScript-heavy applications by providing models withkey-value binding and custom events,collections with a rich API of enumerablefunctions, views with declarative eventhandling, and connects it all to your existingapplication over a RESTful JSON interface. ”
  • What is Backbone?“Backbone supplies structure to JavaScript-heavy applications by providing models withkey-value binding and custom events,collections with a rich API of enumerablefunctions, views with declarative eventhandling, and connects it all to your existingapplication over a RESTful JSON interface. ”
  • What is Backbone?It’s a JavaScript library.
  • What is Backbone?It’s a JavaScript library forwriting applications.
  • What is Backbone?It’s a JavaScript library forwriting applications like...
  • Library size- 35Kb uncompressed- 3.9Kb Packed and Gzipped
  • Library dependencies- Underscore.js
  • Underscore.js- Functional programming library- 60-odd functions such as map, select,invoke
  • Library dependencies- Underscore.js
  • Library dependencies- Underscore.js - JSON2.js
  • JSON2.js- Provides JSON support if it doesn’t existnatively- Does nothing in modern browsers
  • Library dependencies- Underscore.js - JSON2.js - jQuery or Zepto.js
  • Zepto.js“Zepto.js is a minimalist JavaScript frameworkfor mobile WebKit browsers, with a jQuery-compatible syntax.”
  • What is Backbone?“Backbone supplies structure to JavaScript-heavy applications by providing models withkey-value binding and custom events,collections with a rich API of enumerablefunctions, views with declarative eventhandling, and connects it all to your existingapplication over a RESTful JSON interface. ”
  • Backbone.Model- Models contain the data
  • Backbone.Model- Models contain the data- Validations, properties and permissions
  • Backbone.Model- Models contain the data- Validations, properties and permissions- Manage changes to the above
  • What is Backbone?“Backbone supplies structure to JavaScript-heavy applications by providing models withkey-value binding and custom events,collections with a rich API of enumerablefunctions, views with declarative eventhandling, and connects it all to your existingapplication over a RESTful JSON interface. ”
  • Backbone.Collection- Collections are ordered sets of models
  • Backbone.Collection- Collections are ordered sets of models- Act on events within models
  • Backbone.Collection- Collections are ordered sets of models- Act on events within models- Add, Remove, Fetch, Refresh, Create, Sort
  • What is Backbone?“Backbone supplies structure to JavaScript-heavy applications by providing models withkey-value binding and custom events,collections with a rich API of enumerablefunctions, views with declarative eventhandling, and connects it all to your existingapplication over a RESTful JSON interface. ”
  • Backbone.View- A logical UI component, not just thetemplate
  • Backbone.View- A logical UI component, not just thetemplate- Bind render function to model change event
  • Backbone.View- A logical UI component, not just thetemplate- Bind render function to model change event
  • What is Backbone?- Backbone.Events- Backbone.Controller- Backbone.History- Backbone.Sync
  • Find out morehttp://documentcloud.github.com/backbone/
  • Questions?