Utilisation de DataTheme dans jQuery Mobile
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre l'utilisation de l'attribut DataTheme dans jQuery mobile
- Appliquer les thèmes prédéfinis pour différents composants de la page
- Créer et implémenter un thème personnalisé
Résumé
Découvrez comment utiliser l’attribut DataTheme de jQuery mobile pour personnaliser l’apparence de vos pages en quelques étapes simples.
Description
Dans cette leçon, nous allons explorer la fonctionnalité DataTheme de jQuery mobile. En utilisant cet attribut, nous pouvons appliquer différents thèmes prédéfinis aux composants de nos pages web, tels que Header, Content, Footer et DataRollPage. jQuery mobile propose cinq thèmes de base, nommés A, B, C, D et E, qui modifient notamment les couleurs de fond et l'apparence générale des éléments. Nous verrons les différences entre chaque thème et comment ils transforment l’apparence visuelle des pages. En outre, lorsque nous appliquons un thème à différents composants de la page, les résultats peuvent varier. Il est parfois nécessaire de préciser le thème au niveau de balises spécifiques pour garantir une mise à jour complète de tous les éléments concernés. Par la suite, nous allons également aborder la création de thèmes personnalisés, en introduisant notamment un thème F qui permettra une personnalisation complète du style visuel selon vos besoins spécifiques.
Questions - réponses
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
