- Cours pratique
- Informatique
Formation JQuery : Développer en Javascript avec jQuery
Maîtrisez DOM, événements et Ajax pour des sites web dynamiques et modernes
- Durée
- 2 jours
- Niveau
- Intermédiaire
- Modalités
- Distanciel
Description de la formation Jquery
Cette formation Jquery vous permet d'acquérir des connaissances et des compétences pour développer des sites Web interactifs et dynamiques avec le Framework jQuery. À travers une étude de cas pratique (40% du temps de la formation) , évolutive et très concrète vous apprendrez à concevoir rapidement des interfaces accessibles permettant aux utilisateurs d'optimiser leur rentabilité depuis tous les principaux types de navigateurs tout au long de la formation. Ce cours Jquery vous permet de comprendre les concepts fondamentaux de jQuery pour parcourir des documents HTML, gérer des événements, créer des appels avec Ajax et mettre à jour du contenu avec JSON, XML et des services Web.
Objectifs pédagogiques
A l'issue de cette formation Jquery, vous aurez acquis les connaissances et compétences nécessaires pour :
- Développer rapidement des applications web 2.0 dynamiques avec jQuery, HTML, CSS et Ajax
- Créer des interfaces client aux fonctionnalités avancées et accessibles sans navigateur avec des animations et des effets jQuery
- Optimiser les formulaires HTML afin qu'ils exploitent la validation jQuery et l'appel aux services web avec Ajax Cette formation aborde aussi jQuery Mobile.
Objectifs opérationnels
Savoir développer en Javascript avec le framework jQuery.
Programme
Contenu du cours, module par module
9 modules
- Sélectionner et parcourir le DOM avec la fonction $()
- Présentation de Sizzle, le moteur de sélection basé sur les CSS. Inconvénients et alternatives
- Sélectionner des éléments par nom, ID, classe, position, contenu, comportement et contexte
- Chaîner les appels à la fonction jQuery
Travaux pratiques
- Ajouter, mettre à jour et supprimer du contenu et des attributs
- Insérer et manipuler des nœuds dans le DOM
- Modifier les relations parent-enfant dans la hiérarchie du DOM
- Appliquer et supprimer des styles CSS dynamiquement
- Ajouter et supprimer des classes CSS
Travaux pratiques
- Utiliser la méthode .ready() pour exécuter du code après le chargement du DOM
- Affecter des gestionnaires d'événements avec jQuery
- Gérer les événements clavier, souris et formulaires
- Délégation d'événements pour un meilleur contrôle dynamique
Travaux pratiques
- Contrôler la visibilité avec .hide(), .show() et .toggle()
- Ajouter des effets de glissement et de fondu
- Combiner plusieurs animations et utiliser les fonctions de rappel
- Développer des animations personnalisées avec .animate()
- Utiliser les littéraux d'objets pour personnaliser les animations
Travaux pratiques
- Mettre à jour des éléments de page de manière asynchrone
- Charger du contenu HTML avec .load()
- Effectuer des requêtes AJAX avec .get(), .post() et .ajax()
- Gérer les réponses JSON avec .getJSON()
- Remplacer les rappels par des objets différés avec .when() et .then()
- Traiter des données XML avec .ajax()
Travaux pratiques
- Sélectionner et positionner le focus sur des éléments de formulaire
- Gérer les événements focus et blur
- Réagir en temps réel aux entrées utilisateur avec les événements clavier
- Valider les formulaires avec un plugin de validation jQuery
Travaux pratiques
- Intégrer et utiliser des plugins populaires
- Exploiter les contributions de la communauté jQuery
- Extraire des données intégrées dans le HTML avec le plugin Metadata
- Manipuler les images avec des diaporamas et carrousels
- Développer ses propres plugins en respectant les meilleures pratiques
Travaux pratiques
- Ajouter des widgets interactifs pour améliorer l'expérience utilisateur
- Utiliser des accordéons, des onglets et des boîtes de dialogue redimensionnables
- Sélectionner et formater des dates avec Datepicker
- Ajouter des effets et animations avancés
- Implémenter des fonctionnalités Web 2.0 comme le glisser-déposer
Travaux pratiques
- Structurer des pages mobiles avec les attributs HTML5 data-*
- Créer des interfaces adaptées aux mobiles multi-plateformes
- Gérer les événements tactiles (tap, swipe, etc.)
- Optimiser l'affichage avec listviews et blocs réductibles
Travaux pratiques
Travaux pratiques
- Parcourir et manipuler le DOM avec les sélecteurs de CSS
- Conception de pages web accessibles avec du code jQuery non obstrusif
- Création d'animations simples ou complexes
- Appel de services web avec Ajax
- Validation de formulaires HTML avec jQuery et les plugins
Programme mis à jour le 31/07/2025
Public concerné
Ce cours s'adresse aux développeurs, concepteurs, programmeurs et architectes système de sites Web, ainsi qu'aux personnes chargées de développer et de gérer des applications Web.
Prérequis
Des connaissances en HTML et CSS sont nécessaires. Une expérience de JavaScript ainsi que des notions de base de programmation seraient utiles.
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
4,7/5
6 avis
« Mon avis sur le contenu du stage : "Vu les points importants" Mon avis sur la salle de formation : "Environnement agréable et fonctionnel." Ce que j'ai le plus apprécié : "Salle de pause Calme Matériel Connexion Internet Horraires" »
Nassima « Mon avis sur le formateur : "A su se mettre à notre niveau, très patient, bon formateur" Mon avis sur la salle de formation : "Très bien comme toujours, accueil cordial et merci pour les petits gâteaux." »
DY « Mon avis sur le contenu du stage : "Contenu du stage très bien structuré et adaptatif." Mon avis sur le formateur : "Très bonne adapation à nos besoins." »
RP
Les avis figurant ci-dessus sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
Formations liées
- Maîtriser JavaScriptRéf. IJSO4 joursIntermédiaireProchaine session : 12 oct.2 490 €
- Next.js : L'essentiel du framework Next.jsRéf. NXJS3 joursFondamentalProchaine session : 2 déc.2 090 €
- Node.js : Développer des Web Services en JavaScript Réf. INOJ3 joursFondamentalProchaine session : 14 oct.2 090 €
- Nuxt.JS : Architecture, Performances et DéploiementRéf. NUXT3 joursIntermédiaire2 090 €