Introduction à jQuery Mobile
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à créer une structure de page avec jQuery Mobile.
- Comprendre l'utilisation des attributs data-role.
- Savoir intégrer du contenu textuel et le mettre en forme.
- Adapter une page web à la taille des appareils mobiles.
Résumé
Découvrez comment réaliser une première page avec jQuery Mobile de manière simple et rapide.
Description
Dans cette leçon, nous allons apprendre à réaliser une première page avec jQuery Mobile. Cette bibliothèque permet de composer et de mettre en forme des pages web facilement en utilisant des balises <div> avec des attributs spécifiques comme data-role='page'. Nous allons structurer notre page avec un en-tête, un contenu et un pied de page, en utilisant les rôles header, content, et footer. Nous verrons également comment introduire du texte à l'intérieur de la zone de contenu et comment utiliser des balises HTML telles que <h2>, <h3> et <p> pour structurer notre contenu. Enfin, nous examinerons comment utiliser une balise <meta> pour adapter la taille de la page à celle d'un appareil mobile, assurant ainsi une bonne expérience utilisateur sur différents dispositifs.
Questions - réponses
<div> avec l'attribut data-role='page' est utilisée pour délimiter une page en jQuery Mobile.
header attribué à un <div> permet de créer un en-tête.
<meta> est recommandée pour définir le viewport, car elle permet d'ajuster la taille du site à celle de l'appareil mobile, offrant une meilleure expérience utilisateur.
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
