Saturday, October 9, 2010
Sencha Touch beta
                              Amazing Mobile Web Apps
                            with HTML5, CSS3 & Jav...
@davidkaneda
          @senchainc
          @jqtouch
          @webkitbits
          @9bits

Saturday, October 9, 2010
What’s Sencha Touch?




Saturday, October 9, 2010
What’s Sencha Touch?
                               JavaScript API for mobile apps
                                  Built...
Why Sencha Touch?




Saturday, October 9, 2010
Why Sencha Touch?
                                   Cross-platform
                               Faster, cheaper, easier...
Coming Soon: BlackBerry 6 & WebOS 2
                                   and maybe Meego & Opera

Saturday, October 9, 2010
Saturday, October 9, 2010
WebKit Rocks!
       HTML5 + CSS3
       Transforms, Transitions, and Animations
       Canvas
       SQLite
       Cache ...
WebKit Rocks!
       HTML5 + CSS3
       Transforms, Transitions, and Animations
       Canvas
       SQLite
       Cache ...
Hardware




Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
230,000
                            iOS activations a day.


Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
60,000
                        Android shipments a day.

Saturday, October 9, 2010
COMING SOON…


                             SAMSUNG GALAXY TAB




Saturday, October 9, 2010
BLACKBERRY TORCH




Saturday, October 9, 2010
WEBOS 2.0




Saturday, October 9, 2010
Features




Saturday, October 9, 2010
Features
       WebKit-optimized
       Touch abstraction
       Scroller
       Orientation events
       Data
       Lay...
Touch Events
       Built on native events
       Abstracted for performance
       Additional events
       Tap
       Do...
Scrolling
       Momentum/bounce physics
       Hardware accelerated
       Throughout components
       Lists
       Caro...
Scrolling
       Momentum/bounce physics
       Hardware accelerated
       Throughout components
       Lists
       Caro...
Scrolling
       Momentum/bounce physics
       Hardware accelerated
       Throughout components
       Lists
       Caro...
Components
       Lists
       Nested, Grouped, Sortable
       Carousel
       Picker
       Overlay
       Toolbars & bu...
Style
       SASS & Compass
       Flexible themes
       CSS3
       Pre-included icons
       Robust Animations
       R...
<75k
                            minified & gzipped


Saturday, October 9, 2010
Preview



Saturday, October 9, 2010
Code




Saturday, October 9, 2010
Saturday, October 9, 2010
Building UI




Saturday, October 9, 2010
Saturday, October 9, 2010
Binding Data




Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Styling




Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
“Real artists ship.”
                                   Steve Jobs




Saturday, October 9, 2010
WEB APPS




Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
Saturday, October 9, 2010
NATIVE SHELL




Saturday, October 9, 2010
Saturday, October 9, 2010
Coming Up




Saturday, October 9, 2010
Coming Up
                              App Architecture
                             JSBuilder Release
                  ...
Saturday, October 9, 2010
Thanks!
                               @davidkaneda
                            http://9-b.it/svcc10




Saturday, October...
Upcoming SlideShare
Loading in...5
×

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

3,511

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,511
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
117
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×