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

  • 3,403 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,403
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
116
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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