JQUERY

A l'issue de cette formation vous serez capable de :

• Prendre en main l’un des frameworks JavaScript les plus utilisés sur le web.

• Vous apprendrez à manipuler les éléments d’interface afin d’y ajouter de l’interactivité.

• Vous verrez aussi comment créer des animations complexes telles que les carrousels et vous utiliserez le chargement des éléments AJAX.

• Enfin, vous explorerez le framework en profondeur afin de développer vos propres plug-ins.

Cette formation s'adresse à tous publics.

Durée : 2 jours (14h)

Villes:

• Le Mans
• Angers
• Laval
• Paris
• Aix en provence
• Marseille
• Montpellier
• Lille

Prise en main

• Principe et Fonctionnement de JQuery
• Importation et utilisation de la bibliothèque
• Rappels JavaScript : bases, typage, fonctions, closures

Sélectionner et cibler les éléments

• Sélecteurs simples
• Sélecteurs d'attributs
• Sélecteurs de classe
• Sélecteurs d'id
• Pseudo-classes
• Sélecteurs et chaînage
• Filtres et sélecteurs avancés

Gestion des événements

• Gestionnaires d'événements
• Souris et clavier
• Méthode bind (eventName, callback)
• Méthode unbind () : supprimer un gestionnaire d'événement
• Autres événements et déclencheurs
• Atelier : création d’un menu déroulant

HTML, CSS et attributs

• Manipulation du document HTML
• Classes, attributs et valeurs
• Manipulations du document
• Traitement des formulaires
• Interactions avec les propriétés CSS
• Dimensions et positionnement

Parcourir et manipuler le DOM

• Le Document Object Model : présentation
• Enfants, parents, et frères
• Les fonctions de parcours
• Insérer, supprimer et modifier des éléments
• Déplacer et cloner
• Atelier : réorganiser les éléments d’un tableau

Animations et Effets

• Effets visuels standards définis par jQuery
• Enchainements d'effets standards
• La méthode animate ()
• Gérer la file d'attente des effets visuels
• Atelier : création d'un diaporama

AJAX

• Principe de base et architecture client / serveur
• Protocole HTTP : les méthodes GET et POST
• Les méthodes $.ajax, $.get, $.post
• La méthode $.getScript
• Les formats JSON et XML
• Atelier : création d’une pagination asynchrone.

Plug-ins

• Rechercher et utiliser des plug-ins
• Comment écrire son propre plug-in
• Atelier: création d'un plug-in : « Back to top ».

JQuery en production

• Optimisation et performances
• Notions de débogage
• Aller plus loin avec JQuery UI