JQuery UI est une bibliothèque disponible en open source pour développer des interfaces utilisateurs dynamiques pour les sites Web et les applications. jQuery UI permet d’utiliser l’ensemble d’effets et d’animations, de créer et d’intégrer des composants et de les implémenter.
jQuery UI
3 jours II Code CNCP : 2226 II Certif info : 83841
Les objectifs de la formation jQuery UI
A l’issue de la formation JQuery UI, les apprenants auront les capacités de :
- Incorporer la version la plus récente de jQuery UI dans les pages Web
- Comprendre comment jQuery UI étend un certain nombre de méthodes définies en JQuery
- Utilisez les effets d’animation supplémentaires de JQuery UI
- Améliorer l’interaction avec les utilisateurs
- Créez et configurez les composants de l’interface utilisateur JQuery UI
- Comprendre les bases de l’architecture du plugin JQuery UI
Les prérequis de la formation jQuery UI
- Des bonnes connaissances en HTML et JavaScript.
- Des notions en JavaScript et connaître les fondamentaux de la programmation
Vous n’avez pas les prérequis nécessaires pour la formation jQuery UI? Contactez-nous pour étudier ensemble un parcours sur mesure et garantir ainsi la réussite de votre projet.
Le public de la formation jQuery UI
La formation JQUERY UI s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle, notamment:
- Toute personne ayant des connaissances basiques en WEB et souhaitant maîtriser le développement d’application WEB avec des interfaces dynamiques
- Graphiste, intégrateur WEB, designer, Webmaster ou référenceur WEB
- Informaticiens et concepteurs souhaitant maîtriser les techniques pour développer des sites WEB riches et interactif
- Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB et jQuery
0
Certif Info
0
Code CNCP
0
Jours
0
Heures
Contenu de la formation
jQuery UI
Section 1 : Les fondamentaux de JQuery
- Aborder JQuery
- Découvrir les prérequis
- S’initier à jQuery
- Appréhender l’historique et la FAQ
- Installer les outils préalables
- Installer les fichiers d’exercice
- Prendre en main JQuery
- Comprendre les diverses éditions de jQuery
- Utiliser un CDN
- Utiliser la documentation jQuery
- Créer un objet jQuery
- Attendre le chargement complet de la page
- Travail à faire : Les fondamentaux de JQuery
- Quiz : Les fondamentaux de JQuery
Section 2 : Sélecteurs et manipulation du DOM avec JQuery
- Utiliser les sélecteurs et les filtres
- Présentation des sélecteurs dans JQuery
- Utiliser les sélecteurs CSS basiques
- Utiliser des sélecteurs CSS avancés
- Sélectionner dans un contexte bien précis
- Utiliser les filtres du CSS
- Connaître les extensions de jQuery
- Utiliser la fonction filter()
- Quiz I : Sélecteurs et manipulation du DOM avec JQuery
- Manipuler les éléments du DOM
- DOM et Utilitaires
- Comprendre le travail à réaliser
- Mettre en place le script
- Utiliser la fonction each()
- Utiliser la fonction data()
- Modifier le CSS avec jQuery
- Utiliser la fonction after()
- Générer des éléments à la volée
- Utiliser les fonctions append() et appendTo()
- Utiliser la fonction wrap()
- Travail à faire : Sélecteurs et manipulation du DOM avec JQuery
- Quiz II : Sélecteurs et manipulation du DOM avec JQuery
Section 3 : Les interactions dans JQuery
- Utiliser les évènements
- Comprendre le travail à réaliser
- Attacher des évènements
- Comprendre la propriété Target
- Manipuler les classes CSS
- Détacher des évènements
- Utiliser les évènements raccourcis
- Quiz I : Les interactions dans JQuery
- Animer la page web
- Transitions dans JQuery
- Utiliser la fonction animate()
- Changer la durée d’une animation
- Exécuter une fonction à la fin d’une animation
- Animer un menu déroulant
- Comprendre et utiliser l’évènement hover() de jQuery
- Utiliser les animations préprogrammées
- Gérer la file d’attente des animations
- Animer le menu sur les smartphones
- Plugins JQuery
- Travail à faire : Les interactions dans JQuery
- Quiz II : Les interactions dans JQuery
Section 4 : Requêtes et évènements dans Ajax
- Ajax (optionnel)
- Ajax et évènements dans JQuery
- Requêtes dans AJAX
- Présentation de la formation AJAX et jQuery
- L’approche rapide $.load
- Les alternatives $.post, $.get
- $.ajax en mode abrégé
- Les diverses fonctions de rappel
- Les propriétés de la requête
- Gérer les évènements
- Les divers évènements d’AJAX
- ajaxStart(), ajaxStop()
- success vs complete
- La délégation
- Travail à faire : Requêtes et évènements dans Ajax
- Quiz : Requêtes et évènements dans Ajax
Section 5 : Paramétrage d’Ajax et JQuery et formatage des données
- Paramétrages fins d’AJAX et de jQuery
- Suivre une requête
- Encodage des fichiers 1/2
- Encodage des fichiers 2/2
- setRequestHeader
- getResponseHeader
- Gérer les erreurs
- $.ajaxSetup()
- Formater les données
- Travailler avec XML
- JSON et son utilisation
- $.getJSON()
- Charger des scripts $.getScript()
- Utiliser des CSS
- Utilisation de texte
- Utilisation d’HTML
- Utilisation d’XML
- Utilisation de JSON
- Utilisation de scripts
- Travail à faire : Paramétrage d’Ajax et JQuery et formatage des données
- Quiz : Paramétrage d’Ajax et JQuery et formatage des données
Une attestation d’assiduité sera délivrée après la validation de toutes les compétences du module jQuery UI.
Modalités De Formations
jQuery UI
La formation certifiante jQuery UI est disponible en 3 modalités : E-learning tutoré, Blended Learning et en présentiel.