Développement JavaScript avec JQuery
Informatique
Référence formation : 4-JA-JQU - Durée : 3 jours
- Objectifs
- Pré-requis
- Pédagogie
Méthodes pédagogiques
Présentation des concepts, démonstration, exécution, synthèse et exercices pratiques d'assimilation
Modalités pédagogiques
Présentiel - Distanciel - AFEST
Moyens pédagogiques
Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, un bloc-note et un stylo par personne - vidéo projecteur - tableau blanc
Modalités d'évaluation
Positionnement préalable oral ou écrit - Evaluation formative tout au long de la formation - Evaluation sommative faite par le formateur ou à l'aide de la certification NULL
Public concerné
Salariés - Demandeur d'emploi - Reconversion professionnelle
Si vous êtes en situation de handicap, vous pouvez joindre notre référent Handicap. Voir notre fiche Accès correspondante.
Contenu pédagogique
Introduction
- Présentation de jQuery
- Intérêts de jQuery
- Installation, accès
- La « philosophie » de jQuery
- Où placer son code jQuery
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
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, ...
jQuery et le DOM
- Parcourir le DOM
- Modifier le DOM : ajouter, remplacer, supprimer
- Manipuler le texte et les attributs
- Lire et modifier les classes
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
Gestion des évènements
- Réagir sur un évènement
- Clavier, souris
- Gérer dynamiquement les gestionnaires d'évènements
É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
Plugins jQuery
- Utilisation de plugins
- Intérêts et pièges de l'utilisation de plugins
- Aperçu de jQuery-UI