Informatique

Développement JavaScript avec JQuery

Développement JavaScript avec JQuery

Réf 4-JA-JQU
Durée 3 jours

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

Infos

Sessions à venir

04 oct-06 oct 2021
08 déc-10 déc 2021

Certifications :

Nous consulter

Programme

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

En savoir +

Prérequis

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

Moyens pédagogiques

Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d'un support de cours.

Possibilité de certification

Nous consulter.