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
MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS
Modalités pédagogiques :
- Évaluation des besoins et du profil des participants.
- Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
- Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
- Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
- Méthodes expositive, active et participative.
- Réflexion et échanges sur cas pratiques.
- Retours d'expériences.
- Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.
Éléments matériels :
- Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
- Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.
Référent pédagogique et formateur :
- Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
- Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
- Feuilles de présences signées des participants et du formateur par demi-journée.
- Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Back to Bibliothèques et frameworks javascript
