JQuery

Cette formation vous permet de découvrir jQuery, la bibliothèque JavaScript qui simplifie la manipulation du DOM, la gestion des événements et les animations. Vous apprendrez à écrire du code plus court, plus clair et compatible avec tous les navigateurs.

Pour qui ?

Développeurs web maintenant des sites existants, intégrateurs souhaitant manipuler le DOM, formulaires et événements plus facilement.

Introduction à jQuery

  • Présentation de la bibliothèque, versions, compatibilité
  • Intégration dans une page HTML (CDN ou locale)
  • Avantages par rapport au JavaScript natif
  • Syntaxe de base et structure d’un appel jQuery

Sélecteurs et manipulation du DOM

  • Utilisation des sélecteurs CSS (id, class, balise, hiérarchies)
  • Parcours et filtrage d’éléments avec .each(), .find(), .eq()
  • Modification du contenu : .html(), .text(), .val()
  • Ajout, suppression et modification d’attributs et de classes

Gestion des événements

  • Gestion du clic, survol, focus, clavier, formulaire
  • Méthodes .on(), .off(), .trigger()
  • Utilisation de event.preventDefault() et event.stopPropagation()
  • Délégation d’événements pour le contenu dynamique

Animations et effets

  • Afficher / masquer des éléments : .show(), .hide(), .toggle()
  • Fondu enchaîné : .fadeIn(), .fadeOut(), .fadeToggle()
  • Glissements : .slideUp(), .slideDown(), .slideToggle()
  • Chaînage d’effets, délai et callback

Manipulation des formulaires

  • Contrôle et validation simple des champs
  • Récupération des données saisies
  • Réactions en temps réel aux entrées utilisateur
  • Gestion des erreurs de saisie et messages personnalisés

Introduction à AJAX avec jQuery

  • Présentation d’AJAX et fonctionnement asynchrone
  • Envoi de requêtes GET et POST avec .ajax(), .get(), .post()
  • Chargement de contenu HTML ou JSON
  • Traitement des données retournées et mise à jour du DOM
  • Utiliser les sélecteurs jQuery pour manipuler facilement les éléments HTML
  • Gérer les événements utilisateurs et modifier dynamiquement le contenu d’une page
  • Créer des effets visuels et interagir avec des données via AJAX
  • Bonne maîtrise de HTML, CSS et des bases de JavaScript

Modalités de mise en œuvre de l’action de formation

Au démarrage de la session, le formateur échangera avec le(s) stagiaire(s) afin d’effectuer une analyse de leurs attentes, de leurs besoins et de leurs acquis.

Moyens pédagogiques, techniques et d’encadrement :

  •  Moyens et méthodes pédagogiques :
    o Apports théoriques et mises en pratique.
    o Chaque point du programme fait l’objet d’une explication théorique appuyée d’une démonstration. Elle est suivie d’une mise en pratique par le biais d’exercices concrets
  •  Moyens techniques :
    o Un ordinateur équipé des logiciels et outils nécessaires à la réalisation de la formation
  •  Moyens d’encadrement :
    o Formateur possédant plusieurs années d’expérience
    o Chargé(e) du projet Numerica

Moyen de suivre l’exécution de la formation :

  • Une feuille d’émargement sera signée par les stagiaires à chaque début de session (matin et après-midi)

Moyens permettant d’évaluer les résultats de la formation :

  • Une évaluation de la formation sera complétée par le stagiaire au terme de la session
  • Le formateur évaluera les acquis des stagiaires tout au long de la formation par des mises en situations pratiques.
Durée : 5 jours
Tarif : 3 200 € HT

Dijon :

Session 1 :

du 20 au 24/04/2026

Session 2 :

du 2 au 6/11/2026

Montbéliard :

Session 1 :

du 23 au 27/02/2026

Session 2 :

du 2 au 6/12/2026
Contactez-nous

Cette formation peut-être réalisée en session sur-mesure.

Contactez-nous pour construire ensemble une formation adaptée à vos besoins.

Contactez-nous