Formation Développer des applications Web interactives avec jQuery

Programme de la formation
Développer des applications Web interactives avec jQuery

• Introduction à jQuery et environnement de développement

  - Comprendre le rôle de jQuery dans le développement web
  - Installer et configurer un environnement de travail (VS Code, Live Server)
  - Intégrer jQuery à un projet HTML (CDN ou téléchargement)

• Sélectionner des éléments avec les sélecteurs jQuery

  - Utiliser les sélecteurs CSS de base (ID, classe, balise)
  - Maîtriser les sélecteurs avancés et combinés
  - Filtrer et chaîner les sélections pour plus de précision

• Manipulation du DOM : ajout et suppression d'éléments

  - Créer de nouveaux éléments HTML avec jQuery
  - Insérer des éléments (append, prepend, after, before)
  - Supprimer ou vider des éléments (remove, empty)

• Modification du contenu et des attributs des éléments

  - Modifier le texte et le HTML interne (text, html)
  - Gérer les attributs (attr, removeAttr)
  - Manipuler les propriétés (prop)

• Gérer les classes CSS et la visibilité

  - Ajouter, supprimer et basculer des classes (addClass, removeClass, toggleClass)
  - Gérer l'affichage des éléments (hide, show, toggle)
  - Modifier directement les styles CSS (css)

• Événements utilisateurs : bases et gestion simple

  - Comprendre le concept d'événement et le modèle événementiel
  - Gérer les événements de souris (click, hover, mouseenter, mouseleave)
  - Gérer les événements clavier (keypress, keydown, keyup)

• Événements avancés et propagation

  - Utiliser la délégation d'événements (on)
  - Différencier stopPropagation() et preventDefault()
  - Gérer les événements de formulaire (submit, change)

• Effets et animations visuelles de base

  - Appliquer des effets de fondu (fadeIn, fadeOut, fadeToggle)
  - Utiliser les effets de glissement (slideDown, slideUp, slideToggle)
  - Créer des animations avec animate()

• Animations personnalisées et fonctions de rappel

  - Maîtriser les paramètres et options de animate()
  - Utiliser les fonctions de rappel (callbacks) pour chaîner les animations
  - Arrêter et terminer les animations (stop, finish)

• AJAX avec jQuery : chargement de contenu dynamique

  - Comprendre le concept d'AJAX
  - Utiliser .load() pour un chargement simple de contenu
  - Gérer les requêtes GET et POST avec $.get() et $.post()

• Requêtes AJAX avancées et gestion des erreurs

  - Maîtriser la méthode $.ajax() pour un contrôle complet
  - Gérer les données JSON et XML
  - Implémenter la gestion des erreurs et des succès des requêtes

• Bonnes pratiques, plugins et optimisation

  - Organiser son code jQuery (modularité, commentaires)
  - Intégrer et utiliser des plugins jQuery populaires
  - Optimiser les performances des applications jQuery