Formation jQuery

Intégrer jQuery, améliorer l'ergonomie et l'interactivité dans vos pages web.

  • Utilisez votre CPF
  • Eligible OPCO
  • Eligible Pôle Emploi
  • Objectifs Jquery est une des librairies la plus utilisée dans les projet web professionnel. Elle offre une syntaxe standardisée et des gains de productivité important. Vous allez apprendre à l'utiliser et vous saurez créer des designs d'interaction, des effets d'animations et de transitions, ainsi que développer des fonctionnalités AJAX pour interagir avec les langages serveur.
  • Public Graphiste/intégrateur, Architecte, Chef de projet, Ingénieurs ou Webmaster
  • Niveaux requis Être familier avec HTML et CSS. Des notions minimales dans en JavaScript sont un plus.
  • Durée 2 jours

Programme

jQuery dans l'écosystème Javascript à ce jour

  • jQuery : histoire et raisons d'être
  • jQuery : les cas d'utilisation
  • Les autres librairies concurrentes

Installer jQuery et notion de performance

  • Télécharger la version minifiée
  • Installer jQuery via un CDN : avantages et inconvénients
  • Installer via npm : cas d'utilisation

Première utilisation

  • La fonction $() et la fonction jQuery()
  • Manipuler le DOM : les méthodes de sélections simples et avancées
  • Manipuler le DOM : les méthodes de modification
  • Exercice : sélectionner des éléments HTML et modifier la page

Bâtir de l'nteraction: gérer les évènements

  • Les évenements du navigateur
  • Les évenements utilisateur et la méthode .on()
  • Ajouter et retirer un évènement à un élément HTML
  • Exercice : créer une interaction simple / les évenements de la souris
  • L'objet $(this)
  • Exercice : créer une interaction sur une liste d'éléments HTML
  • L'objet event
  • Parcours d'un évènement et la méthode stopPropagation()
  • Exercice : Créer 2 interactions qui nécessite du couper la propation de l'évènement
  • Gérer les évènements sur les liens et les formulaires
  • Exercice : gérer la validation d'un formulaire avec jQuery

Faire des requêtes AJAX avec jQuery

  • Rappels sur AJAX et son fonctionnement
  • Les fonctions callback
  • Les fonctions $get(), $post(), et $ajax()
  • Les formats de données et le format JSON
  • Les méthodes de transformation de la réponse
  • Exercice : requêter une API Rest et afficher la réponse du serveur dans la page web

Les animations avec jQuery

  • Les animations simples d'apparition / disparition
  • La méthode .animate() et les animations complexes
  • Technique moderne d'animation d'éléments HTML / notion de performance

Rappels généraux et vérification des acquis : QCM

Et obtenez votre certification !

Ils me font confiance