Description

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é.

À qui s'adresse cette formation ?

Pour qui ?

Développeurs, chefs de projets mobilité, webmasters, designers.

Prérequis

• Avoir suivi la formation "Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript" ou connaissances équivalentes
• Une connaissance de jQuery ou jQuery UI est un plus pour suivre la formation

Les objectifs de la formation

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

Programme de la formation

• 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.
• Les formulaires
  • - Text input, ranges, calendriers, formulaires de recherche, formats standard.
  • - Sliders, liste dynamique, boutons radio, cases à cocher.
  • - Envoi du formulaire et contrôle du formulaire.
  • - Travaux pratiques Création d'un formulaire complet et envoi vers un serveur.
• Les API jQuery
  • - Gestion des événements (chargement des pages, binding, etc.
  • - ).
  • - Appels Ajax.
  • - Paramétrage de navigation (Slide, Flip, etc.
  • - ).
  • - Méthodes de stockage et passage d'arguments entre pages.
  • - L'objet $.
  • - mobile.
  • - Travaux pratiques Gestion des multiples événements et solutions de stockage.