Give Your JavaScript Apps Some Spine

1,814 views
1,738 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,814
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \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
  • \n
  • Give Your JavaScript Apps Some Spine

    1. 1. Imagine a web where we can build useful, beautiful, responsive sites and applicationsthat are semantic, correct, and accessible to all.
    2. 2. @lachlanhardy
    3. 3. What is Backbone?
    4. 4. 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. ”
    5. 5. I’m no computer scientist.
    6. 6. 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. ”
    7. 7. WTF?
    8. 8. 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. ”
    9. 9. 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. ”
    10. 10. 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. ”
    11. 11. What is Backbone?It’s a JavaScript library.
    12. 12. What is Backbone?It’s a JavaScript library forwriting applications.
    13. 13. What is Backbone?It’s a JavaScript library forwriting applications like...
    14. 14. Library size- 41.0Kb uncompressed- 4.6Kb Packed and Gzipped
    15. 15. Library dependencies- Underscore.js
    16. 16. Underscore.js- Functional programming library- 60-odd functions such as map, select,invoke
    17. 17. Library dependencies- Underscore.js
    18. 18. Library dependencies- Underscore.js - JSON2.js
    19. 19. JSON2.js- Provides JSON support if it doesn’t existnatively- Does nothing in modern browsers
    20. 20. Library dependencies- Underscore.js - JSON2.js - jQuery or Zepto.js
    21. 21. Zepto.js“Zepto.js is a minimalist JavaScript frameworkfor mobile WebKit browsers, with a jQuery-compatible syntax.”
    22. 22. 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. ”
    23. 23. Backbone.Model- Models contain the data
    24. 24. Backbone.Model- Models contain the data- Validations, properties and permissions
    25. 25. Backbone.Model- Models contain the data- Validations, properties and permissions- Manage changes to the above
    26. 26. 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. ”
    27. 27. Backbone.Collection- Collections are ordered sets of models
    28. 28. Backbone.Collection- Collections are ordered sets of models- Act on events within models
    29. 29. Backbone.Collection- Collections are ordered sets of models- Act on events within models- Add, Remove, Fetch, Reset, Create, Sort
    30. 30. 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. ”
    31. 31. Backbone.View- A logical UI component, not just thetemplate
    32. 32. Backbone.View- A logical UI component, not just thetemplate- Bind render function to model change event
    33. 33. Backbone.View- A logical UI component, not just thetemplate- Bind render function to model change event
    34. 34. What is Backbone?- Backbone.Events- Backbone.Router- Backbone.History- Backbone.Sync
    35. 35. Find out morehttp://documentcloud.github.com/backbone/
    36. 36. Questions?

    ×