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 :