jQuery Mobile Framework – Développement web pour smartphone
Objectifs
- Découvrir le Framework jQuery Mobile
- Pouvoir comprendre les contraintes du Web mobile
- Disposer des compétences nécessaires au développement d’applications mobiles avec jQuery Mobile
Programme
Caractéristiques du Web mobile
- Définition du Web mobile
- Un marché en expansion
- Les périphériques
- Le comportement de l’usager
Les outils
- Les IDE
- Les navigateurs et le debug
- Test d’application : devices, sites de test, émulateurs (physiques, en ligne, à installer), navigateurs, validateurs
Applications natives ou applications HTML5
- Présentation
- Le pour et le contre
Les bonnes pratiques du Web mobile
- Un seul Web
- Une URL concise
- Les Media Queries
- La verticalisation des pages
- L’efficacité du contenu
- Une navigation intuitive
- L’optimisation des liens pour l’utilisation tactile
- L’optimisation des images
Le HTML5 / CSS3
- Balises importantes / à éviter
- Formulaires
- Quel style adopter ?
- Types de présentation
- Transformations, transitions
- Vers CSS4
API JavaScript
- Géolocalisation
- Le stockage de données en local
- La consultation en mode déconnecté
- Base de données SQL
- Les autres API JavaScript du HTML5
jQuery Mobile
- Plates-formes cibles
- Présentation, caractéristiques
- Mise en place
- Modèle de page
- Documentation
Les pages
- Page unique, pages multiples
- Le titre de la page et son rôle
- Les liens entre les pages
- Le pré-chargement des pages
- La mise en cache des pages
- Les thèmes graphiques de jQuery
- Les transitions de pages
Boutons et barres d’outils
- Ajouter un bouton
- Liens et boutons
- Largeur et icônes
- Aligner, grouper
- Présentation réduite des boutons, style
- Barres d’en-tête, de pied de page, de navigation
- Positionner les barres d’outils
Les fenêtres de dialogue
- Les fenêtres de dialogue
- Les pop-ups
Les listes
- Liste numérotée ou non, listes imbriquées
- Séparateurs
- Formater le contenu
- Listes multiples
- Liste de formulaires
- Vignettes, icônes, bulles de comptage
- Filtre de recherche
- Styler les listes
Les formulaires
- Saisie de texte, mot de passe
- Les boutons
- Sélection, radio et cases à cocher
- Les curseurs du HTML5
- Les boutons de permutation
- Le bouton de recherche du HTML5
- Autres éléments de formulaire
- Modes de présentation des formulaires
Éléments de présentation
- Les grilles
- Les éléments dépliants
- L’effet accordéon
D’autres thèmes pour jQuery Mobile
- Créer son nuancier personnel
- Créer son thème avec l’outil ThemeRoller
- Le thème Metro de Windows 8
L’API jQuery Mobile
- Configurer jQuery Mobile
- Les évènements
- Les méthodes et propriétés
Please login to get access to the quiz
Back to Bibliothèques et frameworks javascript