Sproutcore 2

Transcript

1. Thomas Reynolds / @tdreyno Thursday, October 13, 11
2. SPROUTCORE IS A FRAMEWORK FOR CLIENT-SIDE APPS Thursday, October 13, 11
3. CLIENT-SIDE APPS Thursday, October 13, 11
4. CLIENT-SIDE APPS • Must have STATE - Logged in? Current date? • Must be INTERACTIVE - Events effect the STATE • Must be CONSISTENT - On-screen data is always up-to-date • Must be MAINTAINABLE - No more 2000 line jQuery files • Must be FAST - We’re competing with Native Thursday, October 13, 11
5. MUST HAVE STATE Current Month Thursday, October 13, 11
6. MUST BE INTERACTIVE Changing Tab Changes The Entire Interface Thursday, October 13, 11
7. MUST BE CONSISTENT Update everywhere at once Thursday, October 13, 11
8. MUST BE MAINTAINABLE MVC Thursday, October 13, 11
9. SPROUTCORE SOLUTIONS • SC.Object (Model) • SC.View and Templating Engine (Handlebars) Touch-aware, Data Binding and DOM Updates • SC.Controller Manage State, Stay Consistent Thursday, October 13, 11
10. SC.OBJECT Classical Inheritance Accessors Thursday, October 13, 11
11. SC.OBJECT Computed Property Thursday, October 13, 11
12. SC.OBJECT Iterators and Dependent Properties Thursday, October 13, 11
13. SC.OBJECT Nested Paths Thursday, October 13, 11
14. SC.ARRAYCONTROLLER Singletons Manages an array Thursday, October 13, 11
15. SC.ARRAYCONTROLLER Bindings Work Everywhere Thursday, October 13, 11
16. HANDLEBARS VIEWS Templates Output HTML Thursday, October 13, 11
17. DEMO Thursday, October 13, 11
18. INTERACTION Mouse Events Thursday, October 13, 11
19. INTERACTION Attribute Bound To Property Thursday, October 13, 11
20. DEMO 2 Thursday, October 13, 11
21. ET CETERA • Sproutcore RunLoop Batches all changes (new values, DOM updates, etc) to run at once. Updating 5 items in a list runs 1 DOM update, not 5. • Handlebars Automatic Binding Variables references in templates are ALWAYS up-to-date • Built on jQuery Thursday, October 13, 11
22. POWERS IMPRESSIVE APPS Thursday, October 13, 11
23. Gratuitous Self-Promotion Thursday, October 13, 11
24. DEMO 3 Thursday, October 13, 11