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 :