d

WE ARE WISE ACADEMEX

Let’s Work Together

contact@wiseacademex.com

4 rue de berne, Résidence Tilila, 7éme étage, N°14

JQUERY

  • 2 Jours

A PROPOS

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.

s'inscrire

OBJECTIF

 

  • Développer des applications Web interactives “cross-browser”
  • Maîtriser les sélecteurs et les méthodes jQuery d’accès aux éléments d’une page Web
  • Gérer des évènements d’interaction avec l’utilisateur
  • Intégrer des effets visuels et des animations au sein de pages Web
  • Interagir avec un serveur en Ajax
Travaux pratiques

Mise en place d’applications Web utilisant jQuery.

illustration1

pré-requis

illustration2
  • Afin de pouvoir suivre la formation jQuery, il est recommandé d’avoir suivi la formation “Développer des sites Web dynamiques avec JavaScript” (CE980) ou disposer de compétences équivalentes

Qui Devrait Suivre cette formation

Architectes Chefs de projets Ingénieurs Webmasters
illustration3

PROGRAMME

PRESENTATION 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.

METHODES 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 SELECTEURS

  • 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.

ACCES A 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 EVENEMENTS

  • 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 standard 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.
s'inscrire
Open chat