Welcome to

jQueryMobile Fundamental 1

What is jQueryMobile jQueryMobile Fundamental

jQuery Mobile is a touch-optimized HTML5 UI Framework designed

to make responsive web sites and apps that are accessible on all

smartphone, tablet and desktop devices

jQueryMobile Introduction jQueryMobile Fundamental

jQuery Mobile is touch-friendly UI framework built on jQuery

Core that works across all popular mobile, tablet and desktop

platforms.

1. Works across all popular phones, tablet, e-reader,

desktop platforms including smart devices which

supports HTML5

2. Responsive Web Design (RWD) principle

3. HTML Markup-driven configuration makes it easy

4. Powerful API makes it easy to customize the library

jQueryMobile sites jQueryMobile Fundamental

You can find sample collection of mobile sites built with

jQueryMobile at JQMGallery.com

3rd party plugins jQueryMobile Fundamental

These are jQuery Mobile compatible plugins, many use the theme

framework, auto-initialization and data-attribute configuration

features or core mobile widget

http://jquerymobile.com/resources/#Plugins

Single Page jQueryMobile Fundamental

Make first mobile web using jQueryMobile

Make a default HelloWorld page

HTML Code Page

Header

Header

Footer

Multi Page jQueryMobile Fundamental

A Single HTML document can contain multiple ‘pages’ divs with a

data-role of ‘page’. Unique id (foo) that will be used to link

internally between ‘pages’ (href=‘#foo’)

‘foo’

page

Move

‘bar’

page

Transition jQueryMobile Fundamental

jQueryMobile framework includes a set of CSS-Based transition

effects

‘foo’

page

Move

‘bar’

page

Expand your dimension!

Let’s Start!