Programme du cours

3 jours (21 H) | 4-JA-JQURenseignez-vousCette formation vous intéresse ? 
 

Objectifs

Rédiger facilement et de manière maintenable les interactions JavaScript de vos page Web à l’aide de jQuery : animations, validation, AJAX et autres fonctionnalités caractéristiques du Web 2.0

Participants / Pré-requis

Connaissances préalable du langage HTML et notions de base de JavaScript

Contenu

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
 
Cette formation vous intéresse ? Renseignez-vous