Informatique
Référence formation : 4-JA-JQU - Durée : 3 jours

Cliquez sur l'image ci-contre ou sur le lien ci-dessous
pour télécharger notre programme de formation professionnelle au format PDF
(nécessite © Acrobat Reader)

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

Pré-requis

• Formation initiale ou expérience en développement informatique requise
• Connaissances préalable du langage HTML et notions de base de JavaScript

• Chef de projet, développeur

Plan de cours

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

Retour haut de page