Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction to Sencha Touch

28,304 views

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
  • Be the first to comment

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

×