Développement JavaScript avec JQuery

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

 
  • Objectifs
  • Pré-requis
  • Pédagogie
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
Formation initiale ou expérience en développement informatique requise. Connaissances préalable du langage HTML et notions de base de JavaScript

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