A presentation on Introduction to Sencha Touch - developing web applications for mobile devices such as iPhone, Android, Blackberry. For a detailed tutorial series visit my blog : http://jbkflex.wordpress.com/2011/07/30/writing-your-first-sencha-touch-application-part1/ or search for Sencha Touch in blog. You will find a series of posts.

1. Sencha Touch Build Mobile Web apps for iPhone, Android and Blackberry

4. Objectives

5. Why mobile web apps?

7. What is Sencha Touch?

8. Sencha Touch

9. How it works ? A normal HTTP client – server interaction Request sent from mobile browser Response arrives – html/css/js www.zaloni.com/mobile Mobile device with webkit browser HTTP Web Server www.zaloni.com domain public-html mobile index.html

10. How it looks ?

11. Features Charts

12. User Interface – very rich

13. Animations

14. Data

15. Media

16. Events

17. Touch Charts new charting library create beautiful dashboard applications rich and interactive all possible chart visualizations visualize complex data set data drill down with built in events and animations like pinch-to-zoom, swipe-to-pan, tap

18. Themes – Built in Ability to create custom theme

19. How to get started ?

20. Getting started… Sencha Touch is a JavaScript library Download Sencha Touch home page SDK www.sencha.com/products/touch

21. Getting started… Integrated Development Environment (IDE) – Visual Web Developer 2008 Javascript files CSS reference

22. Getting started… Integrated Development Environment (IDE) – Visual Web Developer 2008 Start writing your code in a new script block

23. Getting started… kitchen sink Showcase of all the features Examples of all features Source code dev.sencha.com/deploy/touch/examples/kitchensink/

24. Getting started… API docs Very good API documentation search for a class dev.sencha.com/deploy/touch/docs

25. Getting started… other sources Hello world example Sencha Touch forum Articles and tutorials Of course …… Google it http://www.sencha.com/learn/touch/ http://www.sencha.com/learn/hello-world http://www.sencha.com/forum/

26. Getting started… http://jbkflex.wordpress.com/ Detailed tutorial series in my blog

27. Live demo – USAID OTI Mobile site

28. Other libraries…. jQuery Mobile jQTouch WebApp.net 10 best mobile web frameworks to kick start your mobile web career http://superdit.com/2010/12/20/10-framework-to-help-build-mobile-web-application/

29. Thank you I have shared the slides in my blog http://jbkflex.wordpress.com/

30. Reach me at [email_address] facebook.com/jokhan jbkflex.wordpress.com/