Introduction to jQueryMobile

Mobile Apps With jQuerymobile

HTML5 framework optimised for mobiles devices◦ Android◦ iPhone◦ Android Tablets / iPad◦ More..

What is jQueryMobile?

Scope for web developers Cross platform support Stunning UI Controls Hundreds of plug-ins

◦ Form validation, Date Picker, Image Sliders etc. Access device hardware using PhoneGap

Why jQueryMobile?

Any web developer is good to go.. Else,

◦ knowledge on HTML / HTML5◦ JavaScript◦ Basic knowledge on Jquery◦ CSS knowledge to tweak existing UI controls

What you should know?

A text editor / Web development IDE Browser But preferred to test it in real devices. At least on Emulators

What else I need?

Docs… Docs… Docs… Documentation…

Where to start?

Code re-usability Code minification Ajax requests during page transitions jQuery gurus please forget $

(document).ready…… You don’t have to design the UI controls.

◦ Build in UI controls◦ Theme

Things to remember

Online UI builder

Interesting Features

Design your own theme

Interesting Feature

Seamless integration with PhoneGap◦ PhoneGap is a framework which helps you to

access various hardware components using simple JavaScript method calls. E.g. GPS, Accelerometer, Camera, File System,

Contacts◦ With PhoneGap you can build one application and

run it on multiple platforms.◦ PhoneGap Build

Interesting Feature

Compare to native iOS/Android apps, HTML5 apps are slow & sluggish.

Low end devices will suffer with performance issues

Navigation errors at times PhoneGap is not 100% Stable. It might

crash the app at times.

Limitation

jQueryMobile Community http://forum.jquery.com/jquery-mobile

StackOverFlow http://stackoverflow.com The Guy Next Cubicle :P

Where to get help

jQuerymobile http://jquerymobile.com jQuerymobile Resources

http://jquerymobile.com/resources/ ThemeRoller

http://jquerymobile.com/themeroller/ PhoneGap http://phonegap.com/ Emulators download

http://www.mobilexweb.com/emulators And obviously Google too.

Resources

Question Time

The EndThanks..!

Follow me at Twitter: @mayooresan