3 jours (21 heures)
Formation certifiante - Code CNCP : 2226 - Certif Info : 83841
- Présentiel
- Blended - Learning
- FOAD / E-learning tutoré
Objectifs
- 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
Prérequis
- 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.
Intervenants
Les contenus pédagogiques sont synchronisés sur les évolutions techniques grâce à notre équipe d’intervenant experts et professionnels du secteur enseigné. Les formateurs qui interviennent pour animer les formations ont une double compétence : compétence informatique et compétence métier (Banque, Assurance, Administration, Santé, Transport).
PROGRAMME DE FORMATION JQUERY UI
Jour 1 : Comprendre les fondamentaux de jQuery.
Section 1 : Les fondamentaux de JQuery
- Appréhender l’historique et la FAQ
- Installer les outils préalables
- Installer les fichiers d’exercice
- 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
Jour 2 : Comprendre les widgets en jQuery UI.
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
Jour 3 : Comprendre les possibilités d'extension de jQuery UI.
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, d’XML, de JSON et 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 de ce module.
POUR TOUTE DEMANDE DE RENSEIGNEMENT OU DE DEVIS