jQuery

Présentation

Le framework jQuery est une solution pour répondre aux besoins informatifs, esthétiques et interacatifs des sites Internet actuel. Cette formation permet de mettre d’améliorer l’ergonomie et l’interactivité de vos sites sur tous les navigateurs existants dans l’usage actuel du html5 et du css3.

Contenu

Présentation de jQuery
Méthodes utilitaires de jQuery
Les sélecteurs
Accès au DOM
La gestion des événements
Ajax et jQuery
Effets visuels et interface riche avec jQuery

PROGRAMME

Présentation de jQuery
Qu’est-ce que jQuery ? Pourquoi jQuery ?
Travaux pratiques
Installation de jQuery. Mise en place d’une première page Web utilisant jQuery.
Méthodes utilitaires de jQuery
Rappel sur les objets en Javascript.
La manipulation d’objets avec jQuery.
Les chaînes de caractères et Javascript.
Les méthodes de traitement de chaînes de jQuery.
Travaux pratiques
Mise en place d’applications Web avec différents types d’éléments en utilisant jQuery.
Les sélecteurs

Présentation des sélecteurs jQuery.

Rôle des sélecteurs.
Les différents types de sélecteurs.
Les pseudo-classes.
Les sélecteurs composés
Les filtres de sélécteurs

Travaux pratiques

Mise en place d’applications Web utilisant des sélecteurs.
Accès à l’arbre DOM
Rappel sur DOM (Document Object Model).
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.
Travaux pratiques
Manipulation de l’arbre DOM.

La gestion des événements

La notion d’événements en Javascript.
Gestion des événements avec la méthode bind.

Effets visuels et interface riche avec jQuery
Les effets visuels standard de jQuery.
Hide,show, slide, toggle, fade
Créer ses propres effets visuels. Utilisation d’animate().

Utilisation de plug-ins additionnels

Animatecolors
Greensock tweenmax
Paramétrage d’effet avec easing. Gestion de la file d’attente des effets visuels.
Permutations d’éléments dans une page. Redimensionnement d’élément.
Travaux pratiques
Mise en place d’effets visuels.

Ajax et jQuery

Requêtage d’un serveur avec jQuery.
Requêtes Ajax en utilisant $.ajax().
Traitement de la réponse du serveur.
Transmission de paramètres au serveur.

Travaux pratiques

Utilisation d’Ajax avec jQuery.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>