JQuery, développer des applications Web 2.0

Objectifs

Développer des applications Web en utilisant Javascript nécessite souvent d'adapter le code au navigateur. Le framework jQuery est une solution très répandue pour répondre à ce genre de problématique. Ce cours vous apprendra la façon de le mettre en œuvre et d'améliorer l'ergonomie et l'interactivité de vos sites.

Participants

Développeurs Web. Informaticiens souhaitant développer des applications Web utilisant jQuery.

Pré-requis

Connaissances de base du langage JavaScript et des technologies Web. Bonnes connaissances du langage HTML.

Moyens pédagogiques

1 poste par participant - 1 Vidéo projecteur - Support de cours fourni à chaque participant – Formation présentielle

Durée

5 jours

Les sessions inter-entreprises

Date Session
Ce plan de cours est établi à titre indicatif. Son contenu peut être adapté à chaque formation Télécharger la fiche pdfDemander un devis

Code

JQUERY-DEVAPIWEB2.0

Description détaillée

Présentation de jQuery 

Qu'est-ce que jQuery ? Pourquoi jQuery ?

L'apport par rapport à Javascript simple.

Les éléments jQuery. jQuery UI. L'objet 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 méthodes de traitement d'objets de jQuery.

Les méthodes de traitement de tableaux en 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 combinateurs.

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.

Transmission de paramètre avec la méthode bind.

 

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.

 

Effets visuels et interface riche avec jQuery

Les effets visuels standards de jQuery. Créer ses propres effets visuels. Utilisation d'animate().

Paramétrage d'effet avec easing. Gestion de la file d'attente des effets visuels.

Présentation et installation de jQuery UI. Utilisation de composants évolués.

Onglets (tabs(), accordéon (accordion()), boîte de dialogue (dialog()), barres de progression (progressbar()).

Le glissé/déposé. Sélection multiple. Permutations d'éléments dans une page. Redimensionnement d'élément.

Travaux pratiques 

Mise en place d'effets visuels.

 
 
 
 
 
 

Les dernières places disponibles

Aucune annonce pour le moment
Une erreur est survenue
Une erreur est survenue, l'administrateur a été contacté
Revenir à la première page