Introduction to Sencha Touch as shown at the San Diego Mobile App Hackathon June 2011. Includes GitHub URLs you might need to get started on the CityBars app...

1. James Pearce
Director, Developer Relations
@ jamespearce
jamesp@sencha.com

2. Introducing
Sencha Touch

3. Sencha Touch is...
...a JavaScript framework for building
rich mobile apps with web standards
http://www.sencha.com/products/touch

4. UI Components
Lists
- Nested
- Grouped
- Sortable
Carousel
Picker
Overlay
Slider
Forms & fields
Toolbars & buttons
HTML5
- Audio
- Video
- GeoLocation

5. Forms

6. Scrolling
Momentum/bounce physics
Hardware accelerated
Throughout all components:
- Lists
- Carousel
- Pickers

7. Touch Events
Built on native events
Abstracted for performance
Additional events
- Tap
- Double tap
- Tap and hold
- Swipe
- Rotate
- Drag & drop

8. Theming
Use CSS3 & SASS
- Flexible themes
- Highly optimized

9. “The Kitchen Sink”
http://sencha.com/x/5e

10. CityBars
http://sencha.com/x/bu

12. APIs at work...
Local device API to get lat/long
Yelp to get businesses
sencha.io to resize images
http://www.sencha.com/products/io/

13. http://sencha.com/x/bv

14. James Pearce
Director, Developer Relations
@ jamespearce
jamesp@sencha.com