JavaScript‑Perfectionnement

Réf. : JSPERF.

Public concerné : Tout utilisateur de JavaScript.

Objectifs : Économiser du temps et des lignes de code dans les scripts JavaScript, réaliser des sites internet avec des effets et des animations.

Prérequis : Connaissances préalables du niveau de base du module JavaScript Initiation.

Durée : 3 jours (21 heures) en présentiel Prix : 360,00 € ht/jour

ou 3 jours (18 heures) en classe virtuelle synchrone Prix : 330,00 € ht/jour « connexion internet et ordinateur requis »

En individuel : présentiel/distanciel Prix : 460,00 € ht/jour

(durée de la formation à déterminer, en fonction de vos besoins)

JavaScript‑Perfectionnement

Introduction
Rappel des bases du langage JavaScript et présentation de la bibliothèque jQuery. Utilisations de jQuery UI et jQuery Mobile.
Comprendre et manipuler le DOM
Qu'est‑ce que le DOM ? Les différentes méthodes pour interagir avec le DOM.
Importer et utiliser la bibliothèque jQuery
Les deux façons de lier jQuery à la page HTML. La syntaxe de base.
Cibler des éléments HTML avec les sélecteurs
Les sélecteurs CSS. Cibler un identifiant ou une classe. Cibler les parents, les enfants, les frères… Cibler l'objet courant avec this. Cibler en fonction de la place. Les sélecteurs propres aux tableaux. Les sélecteurs propres aux formulaires. Les sélections plus complexes.
La gestion des événements
Les événements souris (clic, double clic, entrée, sortie, survol…). Les événements clavier. Les événements liés aux formulaires. Le déclenchement d'événement sans action de l'utilisateur (trigger). La méthode preventDefault(). Les événements multiples, le gestionnaire d'événements, la méthode on(), la méthode off(). La délégation d'événements.
Manipuler le CSS avec jQuery
La méthode css(). Les méthodes addClass(), removeClass() et toggleClass().
Animer une page web très simplement
Montrer ou cacher des éléments avec show() et hide(). Gérer la transparence avec fadeIn() et fadeOut(). Créer ses propres animations avec la méthode animate(). Application aux diaporamas et carrousels d'images. Application aux menus déroulants.