Why Backbone

Why should we use backbone instead hard code by ourself.

Transcript

1. Why Backbone.js
2. Up
3. www.coolpics.com.tw
4. What can Backbone solve ?
13. • Light MVC for front-end for client side • Focus on the structure • No UI widgets • Model, View, Collection, and Router.
14. Model is a thing trace = { stock: ‘台積電’, status: ‘not-added’ };
15. Bind events on Model for everything Remove Reset Change
16. Bind events on Model for everything Remove Reset Change Even bind to the variable changes change:stock
17. Original
18. Original After
19. View represents a model status: ‘not-added’ status: ‘added’ status: ‘loading’ updates itself
20. How to update itself ? Bind to model’s variables !! stock: ‘台積電’, status: ‘not-added’ change:status
21. Set and forget
22. stock: ‘宏達電’, status: ‘not-added’ traceList.set({stock:’台積電’});
23. stock: ‘台積電’, status: ‘loading’ stock: ‘宏達電’, status: ‘not-added’ ajax
24. stock: ‘宏達電’, status: ‘not-added’ stock: ‘台積電’, status: ‘loading’
25. stock: ‘台積電’, status: ‘loading’ stock: ‘台積電’, status: ‘added’ stock: ‘宏達電’, status: ‘not-added’ ajax
26. stock: ‘台積電’, status: ‘loading’ stock: ‘台積電’, status: ‘added’ stock: ‘宏達電’, status: ‘not-added’
27. stock: ‘宏達電’, status: ‘not-added’ traceList.set({stock:’台積電’});
28. Set and forget traceList.set({stock:’台積電’});
30. Side Benefits
35. So ...
37. Thank You
38. Recommend starting point Official Todo example http://bit.ly/trqhlV PeepCode Backbone.js basic http://bit.ly/vCcSNw
39. www.coolpics.com.tw