Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript

3,900 views
3,735 views

Published on

A presentation reviewing the features, coding style, and demos, given at Silicon Valley Code Camp 2010.

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

No Downloads
Views
Total views
3,900
On SlideShare
0
From Embeds
0
Number of Embeds
178
Actions
Shares
0
Downloads
131
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript

  1. 1. Saturday, October 9, 2010
  2. 2. Sencha Touch beta Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript DAVID KANEDA, SENCHA Saturday, October 9, 2010
  3. 3. @davidkaneda @senchainc @jqtouch @webkitbits @9bits Saturday, October 9, 2010
  4. 4. What’s Sencha Touch? Saturday, October 9, 2010
  5. 5. What’s Sencha Touch? JavaScript API for mobile apps Built on Web Standards Targets WebKit Abstracted for performance/ease Saturday, October 9, 2010
  6. 6. Why Sencha Touch? Saturday, October 9, 2010
  7. 7. Why Sencha Touch? Cross-platform Faster, cheaper, easier Styling with CSS3 Flexible Deployment Saturday, October 9, 2010
  8. 8. Coming Soon: BlackBerry 6 & WebOS 2 and maybe Meego & Opera Saturday, October 9, 2010
  9. 9. Saturday, October 9, 2010
  10. 10. WebKit Rocks! HTML5 + CSS3 Transforms, Transitions, and Animations Canvas SQLite Cache Manifest Geo-Location Saturday, October 9, 2010
  11. 11. WebKit Rocks! HTML5 + CSS3 Transforms, Transitions, and Animations Canvas SQLite Cache Manifest Geo-Location Saturday, October 9, 2010
  12. 12. Hardware Saturday, October 9, 2010
  13. 13. Saturday, October 9, 2010
  14. 14. Saturday, October 9, 2010
  15. 15. 230,000 iOS activations a day. Saturday, October 9, 2010
  16. 16. Saturday, October 9, 2010
  17. 17. Saturday, October 9, 2010
  18. 18. Saturday, October 9, 2010
  19. 19. 60,000 Android shipments a day. Saturday, October 9, 2010
  20. 20. COMING SOON… SAMSUNG GALAXY TAB Saturday, October 9, 2010
  21. 21. BLACKBERRY TORCH Saturday, October 9, 2010
  22. 22. WEBOS 2.0 Saturday, October 9, 2010
  23. 23. Features Saturday, October 9, 2010
  24. 24. Features WebKit-optimized Touch abstraction Scroller Orientation events Data Layouts Animations Theming & icons Components Saturday, October 9, 2010
  25. 25. Touch Events Built on native events Abstracted for performance Additional events Tap Double tap Tap and hold Swipe Rotate Drag & drop Saturday, October 9, 2010
  26. 26. Scrolling Momentum/bounce physics Hardware accelerated Throughout components Lists Carousel Pickers Saturday, October 9, 2010
  27. 27. Scrolling Momentum/bounce physics Hardware accelerated Throughout components Lists Carousel Pickers Saturday, October 9, 2010
  28. 28. Scrolling Momentum/bounce physics Hardware accelerated Throughout components Lists Carousel Pickers Saturday, October 9, 2010
  29. 29. Components Lists Nested, Grouped, Sortable Carousel Picker Overlay Toolbars & buttons HTML5 Audio Video GeoLocation Saturday, October 9, 2010
  30. 30. Style SASS & Compass Flexible themes CSS3 Pre-included icons Robust Animations Resolution Independent Saturday, October 9, 2010
  31. 31. <75k minified & gzipped Saturday, October 9, 2010
  32. 32. Preview Saturday, October 9, 2010
  33. 33. Code Saturday, October 9, 2010
  34. 34. Saturday, October 9, 2010
  35. 35. Building UI Saturday, October 9, 2010
  36. 36. Saturday, October 9, 2010
  37. 37. Binding Data Saturday, October 9, 2010
  38. 38. Saturday, October 9, 2010
  39. 39. Saturday, October 9, 2010
  40. 40. Styling Saturday, October 9, 2010
  41. 41. Saturday, October 9, 2010
  42. 42. Saturday, October 9, 2010
  43. 43. Saturday, October 9, 2010
  44. 44. Saturday, October 9, 2010
  45. 45. “Real artists ship.” Steve Jobs Saturday, October 9, 2010
  46. 46. WEB APPS Saturday, October 9, 2010
  47. 47. Saturday, October 9, 2010
  48. 48. Saturday, October 9, 2010
  49. 49. Saturday, October 9, 2010
  50. 50. Saturday, October 9, 2010
  51. 51. NATIVE SHELL Saturday, October 9, 2010
  52. 52. Saturday, October 9, 2010
  53. 53. Coming Up Saturday, October 9, 2010
  54. 54. Coming Up App Architecture JSBuilder Release Compass framework Docs and guides Better error reporting Developer Contest Saturday, October 9, 2010
  55. 55. Saturday, October 9, 2010
  56. 56. Thanks! @davidkaneda http://9-b.it/svcc10 Saturday, October 9, 2010

×