Accueil > Domaines de compétence : Formations Informatiques > Développement et Méthodes > Développement Open Source > Développement JavaScript avec JQuery
Prochaines
dates programmées
Développement JavaScript avec JQuery
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
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
Pédagogie et outils
Formateur expert du domaine, un ordinateur et un support de cours papier ou numérique par participant , vidéo projecteur, tableau blanc
Alternance d'apports techniques : présentation des concepts, démonstrations, de mise en situation : exercices d'assimilation, études de cas et d'échange d'expériences entre les participants