> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation jQuery, développer des applications Web interactives

Formation : jQuery, développer des applications Web interactives

jQuery, développer des applications Web interactives

Télécharger au format pdf Partager cette formation par e-mail 2


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 oeuvre et d'améliorer l'ergonomie et l'interactivité de vos sites.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. ERY
Prix : 3070 CHF H.T.
  5j - 35h00




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 oeuvre et d'améliorer l'ergonomie et l'interactivité de vos sites.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • 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

Public concerné
Développeurs Web.

Prérequis
Connaissances de base du langage JavaScript et des technologies Web. Bonnes connaissances du langage HTML.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la formation

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


Modalités pratiques
Travaux pratiques
Mise en place d'applications Web utilisant jQuery.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Avis clients
5 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
LUDOVIC P.
28/11/22
5 / 5

Le formateur est très agréable, à l’écoute des élèves, il dégage une empathie naturelle. J’aurais pour ma part apprécié avoir plus de séquence de TP en autonomie afin d’approfondir au besoin certains points
ABREU GABRIEL D.
28/11/22
4 / 5

Globalement intéressant
JEAN-FRANÇOIS C.
28/11/22
5 / 5

L’ensemble du sujet a été bien parcouru. Les exemples et les TP ont permis de bien se rendre compte des possibilités que nous essayerons d’utiliser ensuite.




Dates et lieux
Du 1 au 5 juillet 2024
FR
Classe à distance
S’inscrire
Du 9 au 13 septembre 2024
FR
Classe à distance
S’inscrire
Du 18 au 22 novembre 2024
FR
Classe à distance
S’inscrire