JavaScript intermédiaire & jQuery
Être capable de mettre en oeuvre et d’améliorer l’ergonomie et l’interactivité de vos sites web. Maîtriser les sélecteurs et les méthodes jQuery d’accès aux éléments d’une page web. Gérer les événements d’interaction avec l’utilisateur et intégrer des effets visuels et des animations sur des pages web.
Durée
5 jours
Dates à venir
04/05/2020
19/10/2020
18/01/2021
12/04/2021
Pré-requis
Connaissance du HTML 5 et du CSS 3. Avoir suivi le module « JavaScript initiation » ou avoir les compétences équivalentes.
Public
Infographistes, développeurs web, intégrateurs.
Programme
LES ÉVÉNEMENTS ET LA PROGRAMMATION ÉVÉNEMENTIELLE
- Les différents types d’événements.
- La gestion des événements par les écouteurs (AddEventlistener).
- Gestion des formulaires par les écouteurs.
- Méthodologie.
GESTION AVANCÉE DU DOM (DOCUMENT OBJECT MODEL)
- Manipuler le DOM.
- Création / Insertion /Suppression des noeuds dans le DOM.
- Application de manipulations dans une page Web.
ANIMATION : RAPPEL
- Action répétée régulièrement : setInterval et clearInterval
- Action retardée : fonctions setTimeout et clearTimeout
INTRODUCTION À JQUERY
- Présentation de jQuery : objectifs, alternatives...
- Pourquoi utiliser jQuery.
- Installation.
- La fonction générique : JQuery ().
- La fonction ready().
- Le principe de fonctionnement.
- Les fonctions de sélection.
LES SÉLECTEURS
- Principe de fonctionnement, manipulation du contenu.
- Présentation des sélecteurs jQuery.
- Rôle des sélecteurs. Les différents types de sélecteurs.
- Les pseudo-classes. Les combinateurs.
MANIPULATION DE l’ARBRE DOM
- Accès direct aux éléments d’une page.
- Manipulation de DOM avec jQuery.
- Gestion des classes CSS : addClass(), removeClass()...
- Insertion d’éléments dans l’arbre DOM.
LA GESTION DES ÉVÉNEMENTS AVEC JQUERY
- Principe de fonctionnement.
- Quelques exemples d’évènements incontournables.
- Les événements Clavier.
- Gestionnaire des évènements.
- Manipulation du CSS 3 avec jQuery.
- Contrôle des champs du formulaire avec le gestionnaire d’événements.
LES FONCTIONNALITÉS AVANCÉES DE JQUERY
- La fonction de recherche find().
- Les effets visuels standard de jQuery. Créer ses propres effets visuels. Utilisation d’animate().
- Autres fonctions
LES PLUGINS
- Principe de fonctionnement
- Création et utilisation des plugins
- Exemples de plugins : des menus à plusieurs niveaux, des menus en accordéon.
APPLICATION
- Intégration du jQuery / CSS 3 / JavaScript sur un site web
Ces Formations peuvent aussi vous intéresser
Contactez-nous quelle est votre question ?
Nous mettons tout en œuvre pour vous répondre sous 2 jours ouvrés maximum.
