Backbone.js – an introduction
- 1. Bobby Roe Javascript Developer at The New York Times Company developing Ricochet
- 3. What is it? Backbone.js is the model & view layer for your javascript app
- 4. Why? * The DOM isn't the source of truth in your app.
- 5. jQuery is good. Storing state in the DOM is bad.
- 6. * A single source of data for the UI to render.
- 7. to create a web app not just a web site
- 8. Here are a whole bunch of real world projects
- 11. Collections - filter, transform, manage your models
- 12. Views - UI events - data events (on) * acts as controllers
- 13. Other Features ... not covered here -- * Routers * the Sync function
- 15. ?
- 16. ?
- 19. Mastermind app
- 21. Model: Turn
- 23. View: Turn_view
- 24. View methods
- 25. initialize
- 26. render
- 27. template
- 32. A Couple of Potholes to Avoid
- 33. Do: Fully re-render your views (from templates). Don't: show / hide bits of UI / get & set HTML attributes.
- 34. Do: Look at a lot of examples & keep your functions simple & small. Don't write intimidating, epic code.
- 35. Summary Backbone is the model & view layer for your app * one source of data * optimized rendering * simple core features that rock