JQuery

Présentation

Rendre vos sites web plus réactifs et dynamiques à l’aide de JQuery.

Public et pré-requis

Développeur web. Une connaissance dans l’HTML et le Javascript sont appréciable.

Dates

Autres Dates, nous contacter.

Durée

3 jours

Contenu de la formation

 

1. Introduction

  • Présentation de jQuery
  • Intérêts de jQuery
  • Installation, accès
  • La « philosophie » de jQuery
  • Où placer son code jQuery

2. L’objet jQuery

  • Les objets jQuery et $
  • Les méthodes et propriétés
  • Enchaînement des méthodes
  • Fonctions, callbacks, et fonctions imbriquées
  • Bien différencier les objets DOM et jQuery

3. Sélection

  • L’intérêt d’une sélection efficace
  • Sélection CSS (id, class, parenté, position, …)
  • Sélection d’un objet DOM
  • Sélection par attribut (sélectionné, visible, survolé,…)
  • Sélections booléennes (tout sauf, non, …)

4. jQuery et le DOM

  • Parcourir le DOM
  • Modifier le DOM : ajouter, remplacer, supprimer
  • Manipuler le texte et les attributs
  • Lire et modifier les classes

5. jQuery et les CSS

  • Attributs simples (couleurs, bords, etc)
  • Manipulation à l’aide des classes
  • Taille et positionnement
  • Opacité
  • Déplacements, replis, fondus, …
  • Animations, transitions
  • Effets : menus, carrousels, zooms, etc

6. Gestion des événements

  • Réagir sur un événement
  • Clavier, souris
  • Gérer dynamiquement les gestionnaires d’événements

7. Échanges avec le serveur : AJAX

  • Le concept d’échanges asynchrones avec HTTP
  • Les formats échangés (XML, JSON, JS, HTML, …)
  • Méthodes GET / POST
  • Les fonctions AJAX de jQuery
  • Traitement des données des formulaires avec jQuery

8. Plugins jQuery

  • Utilisation de plugins
  • Intérêts et pièges de l’utilisation de plugins
  • Aperçu de jQuery-UI