The document discusses two JavaScript frameworks from Sencha - Sencha Touch for building mobile apps using HTML5, CSS and JS, and ExtJS for building robust desktop apps. It provides an overview of their features and architectures, then demonstrates building a sample rock climbing app using both frameworks to showcase their capabilities.

1. Writing Mobile & Desktop
Apps with Sencha
@aaronwhite

2. Co-Founder
CTO
(Boundless Learning is a funded, stealth-mode
education startup doing *big* things)

3. Sencha
➡Sencha Touch
• HTML5 JS Framework for Mobile
➡ExtJS
• Robust JS Framework for Desktop

4. Sencha Touch

5. Sencha Touch
➡HTML5 / CSS3 / JS
➡Works with:
• iOS 3+
• Android 2.1+
• Blackberry 6+
➡Touch-centric
➡Tiny (120kb)
➡ Works w/ PhoneGap
➡MVC

6. MVC++
Model Store Proxy
View Controller

7. Example App!
RockLog
JS & rock-climbing go hand-in-hand, they’re both
dangerous if you don’t know what you’re doing

8. git checkout boilerplate
(basic file structure, basic app)

9. git checkout first-controller
(viewport, routes, controller, view)

10. git checkout second-controller
(listeners, dispatching)

11. git checkout show-me-the-data
(models, store, list display)

12. git checkout view-record
(switching views, templating)

13. git checkout add-record
(forms, adding data to store)

14. Next Steps
➡Merge & minify
➡Add Proxy to Store
➡PhoneGap

15. ExtJS

16. ExtJS
➡Desktop Browser JS Framework
➡Robust
• Cross-browser
• Mature Class-system
• Thorough MVC
• Charting
➡Tools, Editors, etc
➡Frankly, it’s badass (story!)

17. MVC++
Model Store Proxy
View Controller
(But way better)

18. RockLog
Desktop
Now I’m just showing off

19. git checkout boilerplate
(basic file structure, basic app)

20. git checkout show-me-the-data
(models, store, list display)

21. git checkout view-record
(switching views, templating)

22. git checkout add-record
(forms, adding data to store)

23. Next Steps
➡Merge & minify
➡Add Proxy to Store
➡All
sorts of bells &
whistles