Formation JQuery Mobile Framework, développer des applications pour mobiles
- Programme
- Participants / Prérequis
- Intra / sur-mesure
Vous apprendrez dans ce stage à utiliser le framework jQuery Mobile pour développer des applications pour mobiles, tablettes et Smartphones. Dans une approche multicanale et Responsive Design, vous verrez comment tirer parti de ses fonctionnalités pour créer des sites Web et des applications mobiles de qualité.
Objectifs pédagogiques
- Concevoir des applications multicanales responsive.
- Installer et configurer l'environnement de développement jQuery Mobile.
- Mettre en oeuvre les différents composants graphiques pour concevoir des interfaces web mobile.
- Créer et personnaliser les thèmes de vos applications.
- Gérer les multiples événements permettant d'interagir avec l'utilisateur.
- Assurer le chargement et la persistance de vos données.
Présentation de jQuery Mobile
- Présentation et rappels jQuery.
- jQuery Mobile vs autres frameworks du marché.
- Présentation HTML5, Ajax.
- Présentation de sites réalisés avec le framework.
- Présentation de l'éditeur Codiqa.
Travaux pratiques
Mise en oeuvre des éditeurs et préparation de l'environnement de développement.
L'ergonomie et les spécificités mobiles
- Environnements de test multi-devices.
- Approche design pour les approches tactiles.
- Performances et contraintes spécifiques.
Travaux pratiques
Test de performance et présentation des types de composants.
Les thèmes jQuery Mobile
- Utilisation de l'éditeur de thème.
- Import, export, migration d'un thème personnalisé.
- Personnalisation d'un thème.
Travaux pratiques
Création de multiples thèmes et intégration au projet jQuery.
Les types de pages
- Structure d'une page jQuery.
- Modes de transition entre les pages, gestion du cache.
- Boîtes de dialogue. Navigation entre les pages.
- Les liens internes, externes.
Travaux pratiques
Mise en oeuvre des types de pages et navigation entre les pages.
Les composants graphiques
- Les boutons : lien bouton, bouton inline, personnalisé avec icône, groupe de boutons.
- Barre d'en-tête : boutons de navigation, titre, images.
- Barre de bas de page : icônes, barre de navigation.
- Listes simples, numérotées, personnalisées (icône, texte, etc.), autosuggest, liste avec filtre de recherche.
Travaux pratiques
Mise en oeuvre des différents composants, chargement Ajax à partir d'une base de données.









