Give Your JavaScript Apps Some Spine
0 likes973 views
Backbone is a JavaScript library that provides structure for JavaScript-heavy applications. It supplies models with key-value binding and custom events, collections with functions to work with enumerables, and views with declarative event handling. Backbone connects applications to existing data over a RESTful JSON interface. It uses Underscore.js, JSON2.js, and either jQuery or Zepto.js. Models contain data and manage changes. Collections are ordered sets of models that handle events from models. Views are logical UI components that bind to model change events to update the interface.
Give Your JavaScript Apps Some Spine
- 1. Imagine a web where we can build useful, beautiful, responsive sites and applications that are semantic, correct, and accessible to all.
- 4. What is Backbone? “Backbone supplies structure to JavaScript- heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. ”
- 5. I’m no computer scientist.
- 6. What is Backbone? “Backbone supplies structure to JavaScript- heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. ”
- 7. WTF?
- 8. What is Backbone? “Backbone supplies structure to JavaScript- heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. ”
- 9. What is Backbone? “Backbone supplies structure to JavaScript- heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. ”
- 10. What is Backbone? “Backbone supplies structure to JavaScript- heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. ”
- 11. What is Backbone? It’s a JavaScript library.
- 12. What is Backbone? It’s a JavaScript library for writing applications.
- 13. What is Backbone? It’s a JavaScript library for writing applications like...
- 14. Library size - 41.0Kb uncompressed - 4.6Kb Packed and Gzipped
- 15. Library dependencies - Underscore.js
- 16. Underscore.js - Functional programming library - 60-odd functions such as map, select, invoke
- 17. Library dependencies - Underscore.js
- 18. Library dependencies - Underscore.js - JSON2.js
- 19. JSON2.js - Provides JSON support if it doesn’t exist natively - Does nothing in modern browsers
- 20. Library dependencies - Underscore.js - JSON2.js - jQuery or Zepto.js
- 21. Zepto.js “Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery- compatible syntax.”
- 22. What is Backbone? “Backbone supplies structure to JavaScript- heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. ”
- 23. Backbone.Model - Models contain the data
- 24. Backbone.Model - Models contain the data - Validations, properties and permissions
- 25. Backbone.Model - Models contain the data - Validations, properties and permissions - Manage changes to the above
- 26. What is Backbone? “Backbone supplies structure to JavaScript- heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. ”
- 27. Backbone.Collection - Collections are ordered sets of models
- 28. Backbone.Collection - Collections are ordered sets of models - Act on events within models
- 29. Backbone.Collection - Collections are ordered sets of models - Act on events within models - Add, Remove, Fetch, Reset, Create, Sort
- 30. What is Backbone? “Backbone supplies structure to JavaScript- heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. ”
- 31. Backbone.View - A logical UI component, not just the template
- 32. Backbone.View - A logical UI component, not just the template - Bind render function to model change event
- 33. Backbone.View - A logical UI component, not just the template - Bind render function to model change event
- 34. What is Backbone? - Backbone.Events - Backbone.Router - Backbone.History - Backbone.Sync
- 36. Questions?