Création d’une Webapp simple avec jQuery Mobile

Lorsque l'on développe pour le mobile, il existe deux techniques : mettre son contenu à disposition dans une application native, ou le rendre accessible depuis une page Web (ou une Webapp).

JQuery Mobile est un Framework complémentaire à la librairie jQuery, qui permet de créer facilement des applications Web cross-plateforme qui auront un look and feel mobile.

Voici une introduction au développement d'une Webapp avec jQuery Mobile, en 3 étapes :

1 – Appel de la bibliothèque (dans le head) :

2- Création de 2 pages avec un menu dans la partie basse :

Page 1 (code dans le body) :

Page 2 (code dans le body) :

Par défaut, des thèmes (data-theme a,b,c,d,e) sont proposés (explication par Adobe), mais une personnalisation est possible via : Themeroller :

3 – Ajout une page, type popup :

Ce qui nous donne :

Télécharger code source

Merci à PLBCONSULTANT pour son tuto vidéo :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>