jQuery, développer des applications Web interactives
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
Formation pratique en présentiel ou à distance Disponible en anglais, à la demande
Vous souhaitez une formation adaptée aux spécificités de votre entreprise et de vos équipes ? Nos experts construisent votre formation sur mesure, dans la langue de votre choix !
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.
À 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 faisantce test.
Méthodes et moyens pédagogiques
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.
Programme de la formation
1
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.
2
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.
3
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.
4
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.
5
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.
6
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.
7
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.
Date de publication : 22/08/2024
PARTICIPANTS
Développeurs Web.
PRÉREQUIS
Connaissances de base du langage JavaScript et des technologies Web. Bonnes connaissances du langage HTML.
COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.
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.
MOYENS PÉDAGOGIQUES ET TECHNIQUES • Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les formations pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.
• À l’issue de chaque formation ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques.
• Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le participant a bien assisté à la totalité de la session.
MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.
ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l’adresse psh-accueil@orsys.fr.
Ce programme est une création originale, conçu par les équipes pédagogiques d'ORSYS Formation. Toute reproduction, représentation, adaptation ou exploitation, totale ou partielle, sans autorisation préalable écrite d'ORSYS, est strictement interdite. ORSYS se réserve le droit d'engager toute action nécessaire à la protection de ses droits de propriété intellectuelle.