Introduction to Sencha and Sencha Touch 2.2.x

Sencha has built their reputation on leading HTML5 development with their open-source web application frameworks and supporting tools. With the recent release of Sencha Touch 2.2 (a high-performance HTML5 mobile application framework) building cross-platform mobile apps has never been easier!

Arthur Kay will give us a brief introduction to Sencha's HTML5 ecosystem and then dive into some live Sencha Touch coding!

Transcript

1. arthurakay arthur.kay@sencha.com Introduction to Sencha and Sencha Touch 2.2.x
2. Hi, I’m Art! •  Solutions Engineer ! Sencha ProSvcs! ! •  Chicago, IL USA! •  www.akaWebDesign.com! !
4. Chicago Sencha User Group meetup.com/chicago-sencha-user-group @ChicagoSencha
5. Agenda 1.  Sencha + HTML5 2.  Sencha Touch 101 3.  What’s new in 2.2.x?
6. Build Amazing Apps with Web Technology!
7. Frameworks •  Ext JS (Desktop) •  Touch (Mobile)
8. Tools •  Sencha Architect •  Sencha Cmd •  Eclipse Plugin •  Desktop Packager •  Sencha Animator •  JSDuck •  …and more!
9. Community & Support •  Public Forums •  Support Team •  Professional Services •  API Documentation •  SenchaCon 2013 •  Meetups •  SenchaDevs.com •  try.sencha.com
10. Mobile Apps A lesson in redundancy.
16. Native Wrapper Workers & Parallel Processing File Systems Databases App Caches Cross-App Messaging Camera Location Contacts SMS Orientation Gyro WebView JavaScript Semantic HTML CSS Styling & Layout WebFont Video Audio Graphics HTTP AJAX Events Sockets SSL Hybrid Apps!
17. Apps vs web technology built with
18. Sencha Touch 101
19. Markup vs Programming
22. Components •  Lists Carousel Picker Overlay Slider Forms & Fields Toolbars & Buttons Audio & Video Maps Charts •  All fully customizable and extendable!
23. Touch Events •  Built on native events •  Abstracted for performance •  Additional events at component-level
24. Architecture •  Object Oriented design •  MVC-like •  Data •  Layouts
25. Themes •  CSS3 •  SASS & Compass •  Resolution Independent
26. Kitchen Sink Example
27. What’s new in 2.2.x?
28. Blackberry & Windows Phone 8 •  Device and browser support for BB10 and ! Windows Phone 8! •  IE10 support!
29. Themes •  Major overhaul to existing themes •  New SASS architecture •  New BB10 and Windows themes •  Platform detection!
30. Performance •  AnimationQueue •  ?showfps •  Lighter DOM
31. Icon Fonts
32. Resources •  www.sencha.com •  http://www.sencha.com/blog/hello-sencha-touch-2-2/ •  http://www.sencha.com/blog/new-themes-in-sencha- touch-2-2/
33. Questions?
34. Thanks!