Accueil > Développement Front-End

 > Développement JavaScript avec JQuery

null

Développement Front-End

Développement JavaScript avec JQuery

Objectif

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

Durée : 3 jours (21 heures)

Dates :
-06/02/23
-18/04/23
-03/07/23
-02/10/23
-06/12/23

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

Programme de la formation

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 et 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
Menu