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

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