À distance
Formations courtes

Formation - jQuery : mise en œuvre pratique

Perfectionnement
3 jours - 21 heures
Télécharger (160.08 Ko)

Enrichir rapidement des pages Web

En matière de développement web, jQuery est une librairie JavaScript utilisée par l'immense majorité des sites web. Ce succès s'explique par le fait que jQuery est libre, multi-plateformes et simplifie grandement l'insertion de scripts au sein du code HTML. Il s'agit donc d'une compétence technique essentielle à tout développeur web. Pour vous accompagner dans son aquisition, PYRAMYD a conçu la formation jQuery : mise en œuvre pratique. Cette formation en trois jours s'articule autour d'une pédagogie concrète et d'exercices qui vous permettront d'assimiler au mieux ces techniques. Au-delà des fondamentaux du jQuery, vous apprendrez entre autres à modifier le DOM, gérer les événements utilisateurs, et intégrer des effets graphiques et des animations dans vos pages. La formation jQuery : mise en œuvre pratique s'adresse à tous les professionnels du web qui interviennent dans la conception des pages.
Objectifs
Pour qui ?
Prérequis
Compétences acquises
Objectifs
Définir le rôle de jQuery dans le développement front-end
Lire, comprendre, modifier et écrire du code jQuery
Interagir avec le DOM et gérer les événements utilisateur
Ajouter des effets graphiques et des animations
Installer et utiliser un plugin jQuery

Pour qui ?
Intégrateurs, développeurs et webdesigners.

Prérequis
Il est nécessaire de maîtriser le HTML et d’avoir des notions de CSS. La connaissance de JavaScript n’est pas requise (les notions de base sont rappelées) mais est un plus.
Appréhender l’interactivité avancée, les effets graphiques et l’animation, la création et la modification dynamique du DOM. Utiliser des plugins jQuery
Parcours pédagogique
  • E-quiz amont
  • Présentiel
  • Modules vidéos
  • E-quiz aval
Programme
jQuery : mise en ½uvre pratique

Définir le rôle de jQuery dans le développement front-end

  • Connaître le rôle de JavaScript dans le développement Web
  • Comprendre le rôle d’une bibliothèque et la place de jQuery dans l’écosystème JavaScript
  • Connaître les domaines d’intervention de jQuery et les problématiques qu’il peut résoudre
  • Appréhender les outils de développement JavaScript et le workflow
  • Se familiariser avec l’écosystème jQuery : communauté, plugins et outils
  • Savoir obtenir et insérer jQuery dans des pages

Étude de cas : analyse de sites Internet

Lire, comprendre, modifier et écrire du code jQuery

  • Maîtriser la syntaxe JavaScript et ses notions fondamentales
  • Comprendre les notions de variables et de données, de lecture et d’écriture, les types primitifs et les objets de base (Number, String, Boolean…)
  • Utiliser les opérateurs et les expressions
  • Maîtriser les structures de contrôles : conditionnelles, boucles

Accéder au DOM pour le modifier

  • Comprendre l’arbre DOM, les noeuds parents et enfants
  • Connaître les bases de la manipulation du DOM en JavaScript (getElementById, querySelector…)
  • Manipuler le DOM avec jQuery : la fonction $() et le chaînage de méthodes
  • Maîtriser les sélecteurs : simples, multiples, d’attribut, de classe…
  • Maîtriser les pseudo-classes :fi rst-child,:not(), :odd, :hidden…

Exercice : manipuler les éléments d’une page HTML avec jQuery

Interagir avec le DOM et gérer les événements utilisateur

  • Comprendre la notion d’événement pour gérer l’interactivité
  • Maîtriser la syntaxe on() : un système unifié et compatible entre tous les navigateurs
  • Utiliser les MouseEvents : click, mouseover, mouseout, mousemove…
  • Manipuler les éléments HTML de la page
  • Manipuler les attributs, les classes et les styles des éléments HTML
  • Récupérer ou générer du contenu HTML ou textuel : création de menus ou de listes dynamiques
  • Insérer du HTML dans la page : append(), prepend(), before()…
  • Travailler avec les éléments de formulaire

Exercice : créer une barre de navigation dynamique avec menu déroulant

Ajouter des effets graphiques et des animations

  • Réaliser des effets par manipulation des classes CSS
  • Utiliser des effets animés prédéfinis : fadeIn(), slideUp(), show(), hide()…
  • Enchaîner des effets et mettre en attente avec delay()
  • Comprendre la notion de callback : “complete”
  • Utiliser des accélérations : notion d’“easing”
  • Réaliser des animations personnalisées avec animate()

Exercice : créer un mini-site en “single-page“ avec onglets et transitions animées

Installer et utiliser un plugin jQuery

  • Chercher et trouver un plugin jQuery
  • Connaître les plugins les plus utiles

Exercice : rechercher, sélectionner, installer et configurer un plugin jQuery

Nos intervenants
default_image_intervenant.png
Développeur Web ayant plus de 10 ans d’expérience en enseignement.
Informations complémentaires
Moyens Humains, Techniques et Pédagogiques
Alternance de théorie, de démonstrations et de mise en pratique grâce à de nombreux exercices concrets.

Inter
Intra
Sur mesure

en présentiel ou à distance

jQuery : mise en œuvre pratique
Ref
WM07219
Tarif
1720€ HT
Prochaines sessions

Le choix de la session vous sera demandé lors de votre inscription.

dans vos locaux ou à distance

jQuery : mise en œuvre pratique
Ref
WM07219
Demander un devis

creation à la demande

Vous avez un projet dans ce domaine ?
Contactez notre équipe pour votre formation sur mesure.

Nous contacter
Cette formation vous intéresse ?