There’s little hotter in the world of web development right now than creating optimized web experiences and applications for mobile web enabled devices like iPhone, Android, iPad and webOS. Luckily, there’s a number of excellent HTML/​CSS/​Javascript frameworks to help developers create native-​​like experiences for these devices. In this session, Jonathan Stark takes an in depth look at several of these, including JQTouch, JQuery Mobile and Sencha Touch, comparing and contrasting their approaches, and most appropriate uses. As a developer looking to tailor experiences and applications for the mobile web, this will be an invaluable session.

1. The Mobile Frameworks
Landscape
Jonathan Stark

2. Mobile Computing

3. Everything is Up
• Average daily useage
• Mobile media usage
• Smartphone ownership
• 3G/4G subscribers
• % of smartphones vs dumfones

4. 5 Billion Subscriptions
up from 4.6B in 2009 and 726M in 2000

5. This isn’t about mobile...
...it’s about the future of computing.

6. Mobile Frameworks

7. My Faves
• jQTouch
• jQuery Mobile
• Sencha Touch

8. Additional Options
• Dashcode
• iUI
• Jo
• AppML

9. jQTouch
A jQuery plugin for mobile web development on the iPhone,
Android, iPod Touch, and other forward-thinking devices.

10. jQTouch
• Built on jQuery
• Markup-based approach
• Optimized for small screen webkit
• ~20k minified
• MIT license

12. jQuery Mobile
A Touch-Optimized Web Framework for Smartphones & Tablets

13. jQuery Mobile
• Built on jQuery
• Markup-based approach
• Broad mobile browser support
• ~65k minified
• MIT or GPL2 license

16. Sencha Touch
Sencha Touch allows you to develop mobile web apps that look
and feel native on iPhone, Android, and BlackBerry touch devices.

17. Sencha Touch
• Built on ExtJS
• JavaScript-based approach
• ~375k minified
• Commercial and open source licenses
• Targets “next gen” touch devices

20. Related Tools
• PhoneGap
• Titanium Mobile
• RhoMobile

21. PhoneGap
• Open source
• Created by @Nitobi
• Native app wrapper
• Multiple platforms

22. http://www.phonegap.com/features

23. demo

24. build.phonegap.com

25. More Info
• http://jonathanstark.com/books
• http://jonathanstark.com/contact
• http://jonathanstark.com/wdx5