Slides for the tech talk I gave at Pivotal Labs on September 8, 2010 - see the recording at http://pivotallabs.com/talks/109-sencha-touch

2. Hola
Ed Spencer / @EdSpencer
Sencha Inc / @SenchaInc

3. Sencha Touch beta
Build mobile apps with
HTML5, CSS3, and JavaScript

4. 230,000 iOS Activations 60,000 Android Shipments
Every Day

5. 39%
US Mobile Web Traffic
iOS Android
RIM webOS
47% WinMo Other
7%
3%
2% 2%
http://metrics.admob.com
January 2010

6. WebKit Rocks!
• HTML5 + CSS3
• Transforms, Transitions, and
Animations
• Canvas
• SQLite
• Cache Manifest
• Geo-Location

7. WebKit Rocks!
• HTML5 + CSS3
• Transforms, Transitions, and
Animations
• Canvas
• SQLite
• Cache Manifest
• Geo-Location

8. Sencha Touch beta

9. Coming Soon: BlackBerry 6 & WebOS

10. Features
• WebKit-optimized
• Touch events
• Scroller
• Orientation events
• Data
• Layouts
• Animations
• Theming & icons
• Components

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

12. Scrolling
• Momentum/bounce physics
• Hardware accelerated
• Throughout components

13. Components
• Lists
Nested
Grouped
Sortable
• Carousel
• Picker
• Overlay
• Toolbars & buttons
• HTML5
Audio
Video
GeoLocation

14. <75k
minified & gzipped

15. Demos

16. Let’s Get Started

18. Building UI

20. Binding Data

23. Styling

25. Docs

27. Sneak Preview
• App Architecture
• JSBuilder Release
• Compass framework
• Docs and guides
• Better error reporting
• PhoneGap integration

28. Thanks!
Website My Site
http://sencha.com/ http://edspencer.net/
Twitter Twitter
@SenchaInc @EdSpencer