Touching jQuery Mobile<br />By Hatem Ben Yacoub<br />DevDay.orgJeddah, February 27, 2011<br />@hatem<br />http://hby.me<br />
Hatem Ben Yacoub<br />Entrepreneur<br />Senior Systems Architect<br />IT Consultant<br />PHP expert & PHP 5.3 ZCE<br />e-G...
Mobile ecosystem today<br />
jQuery Mobile is<br />
Keep in mind that…<br />jQuery Mobile is an alpha project<br />α<br />API might change, more features coming, … !<br />
jQuery mobile is … “Light”<br />
jQuery mobile is … “Light”<br />
jQuery Mobile single page<br />
jQuery Mobile embedded pages<br />
Some Recommendation<br />
Mobile navigation workflow<br />Open Form<br />Fill fields<br />Error<br />validation<br />Confirmation<br />Next page<br />
Sample registration and login page<br />
More about jQuery Mobile<br />Page transitions<br />Dialogs, Buttons<br />Formatting content<br />Touch optimized form ele...
More Mobile technologies :<br />Titanium mobile : (HTML5/JS/CSS3…)<br />http://www.appcelerator.com/products/titanium-mobi...
Thank youDevDay.org@hatemhttp://hby.me<br />
Upcoming SlideShare
Loading in …5
×

Touching jQuery Mobile

5,071 views

Published on

My 10min talk about jQuery mobile in today's DevDay Jeddah.

Published in: Technology, Business

Touching jQuery Mobile

  1. 1. Touching jQuery Mobile<br />By Hatem Ben Yacoub<br />DevDay.orgJeddah, February 27, 2011<br />@hatem<br />http://hby.me<br />
  2. 2. Hatem Ben Yacoub<br />Entrepreneur<br />Senior Systems Architect<br />IT Consultant<br />PHP expert & PHP 5.3 ZCE<br />e-Government specialist<br />Energy Engineer<br />Open Source evangelist<br />http://hby.me<br />@hatem<br />
  3. 3. Mobile ecosystem today<br />
  4. 4. jQuery Mobile is<br />
  5. 5. Keep in mind that…<br />jQuery Mobile is an alpha project<br />α<br />API might change, more features coming, … !<br />
  6. 6. jQuery mobile is … “Light”<br />
  7. 7. jQuery mobile is … “Light”<br />
  8. 8. jQuery Mobile single page<br />
  9. 9. jQuery Mobile embedded pages<br />
  10. 10. Some Recommendation<br />
  11. 11. Mobile navigation workflow<br />Open Form<br />Fill fields<br />Error<br />validation<br />Confirmation<br />Next page<br />
  12. 12. Sample registration and login page<br />
  13. 13. More about jQuery Mobile<br />Page transitions<br />Dialogs, Buttons<br />Formatting content<br />Touch optimized form elements<br />List views<br />Events, themes… <br />http://jquerymobile.com<br />
  14. 14. More Mobile technologies :<br />Titanium mobile : (HTML5/JS/CSS3…)<br />http://www.appcelerator.com/products/titanium-mobile-application-development/<br />PhoneGap : (HTML5/JS/CSS)http://www.phonegap.com/<br />SenchaTouch : (HTML5/JS/CSS) http://www.sencha.com/products/touch/<br />
  15. 15. Thank youDevDay.org@hatemhttp://hby.me<br />

×