Introduction to Sencha Touch

27,715
-1

Published on

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

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
27,715
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
256
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Introduction to Sencha Touch

  1. 1. Hola Ed Spencer / @EdSpencer Sencha Inc / @SenchaInc
  2. 2. Sencha Touch beta Build mobile apps with HTML5, CSS3, and JavaScript
  3. 3. 230,000 iOS Activations 60,000 Android Shipments Every Day
  4. 4. 39% US Mobile Web Traffic iOS Android RIM webOS 47% WinMo Other 7% 3% 2% 2% http://metrics.admob.com January 2010
  5. 5. WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
  6. 6. WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
  7. 7. Sencha Touch beta
  8. 8. Coming Soon: BlackBerry 6 & WebOS
  9. 9. Features • WebKit-optimized • Touch events • Scroller • Orientation events • Data • Layouts • Animations • Theming & icons • Components
  10. 10. Touch Events • Built on native events • Abstracted for performance • Additional events Tap Double tap Tap and hold Swipe Rotate Drag & drop
  11. 11. Scrolling • Momentum/bounce physics • Hardware accelerated • Throughout components
  12. 12. Components • Lists Nested Grouped Sortable • Carousel • Picker • Overlay • Toolbars & buttons • HTML5 Audio Video GeoLocation
  13. 13. <75k minified & gzipped
  14. 14. Demos
  15. 15. Let’s Get Started
  16. 16. Building UI
  17. 17. Binding Data
  18. 18. Styling
  19. 19. Docs
  20. 20. Sneak Preview • App Architecture • JSBuilder Release • Compass framework • Docs and guides • Better error reporting • PhoneGap integration
  21. 21. Thanks! Website My Site http://sencha.com/ http://edspencer.net/ Twitter Twitter @SenchaInc @EdSpencer

×