Accueil > Développement > Développement JavaScript avec JQuery

Formation
Développement JavaScript avec JQuery

Demande de devis

Formation possible en intra entreprise

Durée : 3 jours - 21h

Tarif HT Inter Jour / personne : 550€

Réf : 4-JA-JQU

Téléchargez le plan de cours

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

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

Demande de devis

  • Hidden
  • Veuillez saisir un nombre entre 1 et 12.
  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
1