Sencha Touch 101: Mobile Apps Built with HTML5

Sencha Touch 2, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch 2 is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Kindle Fire, and more.

Looking for a robust MVC framework? Look no further. Want to package your code into a native iOS or Android app? You can do that too.

In this session, we will introduce Sencha Touch 2 and explain how it rapidly creates mobile web applications using pure HTML5, CSS3 and JavaScript.

Transcript

1. Sencha Touch 101 Mobile Apps Built with HTML5
3. Agenda 1.  Sencha + HTML5 2.  Sencha Touch 101 3.  “Hello ThatConference”
4. Who am I? ¤ Arthur Kay •  Solutions Engineer @ Sencha, Inc. •  Web Development ~ 15 years ¤  www.akaWebDesign.com ¤  Twitter: @arthurakay
5. Chicago Sencha User Group meetup.com/chicago-sencha-user-group @ChicagoSencha
7. Build Amazing Apps with Web Technology!
8. Frameworks ExtJS (Desktop) GXT (Desktop – GWT) Touch (Mobile)
9. Tools Architect SDK Tools Animator Sencha.io JSDuck …and more!
10. Community & Support Public Forums Support Team Professional Services SenchaCon API Documentation SenchaDevs.com try.sencha.com
11. Mobile Apps A lesson in redundancy.
16. IE WebKit WebKit WebKit Mobile Browser Platforms, 2011
18. 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!
19. Apps vs web technology built with
20. Sencha Touch 101
21. Components Lists Carousel Picker Overlay Slider Forms & Fields Toolbars & Buttons Audio & Video Maps Charts All fully customizable and extendable!
22. Touch Events Built on native events Abstracted for performance Additional events at component-level
23. Themes CSS3 SASS & Compass Resolution Independent
24. Architecture Object Oriented design MVC Data Layouts
25. Kitchen Sink Example
26. Hello ThatConference! A sample app for the ages.
27. Resources ¤  http://www.sencha.com/learn/touch/ ¤  http://www.sencha.com/learn/using-components-in- sencha-touch-2/ ¤  https://github.com/arthurakay/ThatConferenceDemo
28. Questions?
29. Thank You! @arthurakay
30. http://speakerdeck.com/u/arthurakay Presentation available on SpeakerDeck