Améliorer l’ergonomie et l’interactivité d’un site web grâce à jQuery

Améliorer l’ergonomie et l’interactivité d’un site web grâce à jQuery une formation en Web et applications mobiles à Lyon

Partager cette page

Être capable de mettre en oeuvre et d’améliorer l’ergonomie et l’interactivité de vos sites web. Maîtriser les sélecteurs et les méthodes jQuery d’accès aux éléments d’une page web. Gérer les événements d’interaction avec l’utilisateur et intégrer des effets visuels et des animations sur des pages web.

Durée

5 jours

Dates à venir

05/09/2022

03/04/2023

23/10/2023

Eligibilité CPF

Eligible CPF

Payez cette formation avec votre CPF

Tarifs

1400€ HT

Pré-requis

Connaissance du HTML 5 et du CSS 3.  Avoir suivi la formation « Animer une page web avec JavaScript » ou avoir les compétences équivalentes.

Public

Infographistes, développeurs web, intégrateurs.

Programme

LES ÉVÉNEMENTS ET LA PROGRAMMATION ÉVÉNEMENTIELLE

  • Les différents types d’événements
  • La gestion des événements par les écouteurs (AddEventlistener)
  • Gestion des formulaires par les écouteurs
  • Méthodologie

GESTION AVANCÉE DU DOM (DOCUMENT OBJECT MODEL)

  • Manipuler le DOM
  • Création / Insertion /Suppression des noeuds dans le DOM
  • Application de manipulations dans une page Web

ANIMATION : RAPPEL

  • Action répétée régulièrement : setInterval et clearInterval
  • Action retardée : fonctions setTimeout et clearTimeout

INTRODUCTION À JQUERY

  • Présentation de jQuery : objectifs, alternatives...
  • Pourquoi utiliser jQuery
  • Installation
  • La fonction générique : JQuery ()
  • La fonction ready()
  • Le principe de fonctionnement
  • Les fonctions de sélection

LES SÉLECTEURS

  • Principe de fonctionnement, manipulation du contenu
  • Présentation des sélecteurs jQuery
  • Rôle des sélecteurs. Les différents types de sélecteurs
  • Les pseudo-classes. Les combinateurs

MANIPULATION DE l’ARBRE DOM

  • 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

LA GESTION DES ÉVÉNEMENTS AVEC JQUERY

  • Principe de fonctionnement
  • Quelques exemples d’évènements incontournables
  • Les événements Clavier
  • Gestionnaire des évènements
  • Manipulation du CSS 3 avec jQuery
  • Contrôle des champs du formulaire avec le gestionnaire d’événements

LES FONCTIONNALITÉS AVANCÉES DE JQUERY

  • La fonction de recherche find()
  • Les effets visuels standard de jQuery
  • Créer ses propres effets visuels
  • Utiliser animate()
  •  Autres fonctions

LES PLUGINS

  • Principe de fonctionnement
  • Création et utilisation des plugins
  • Exemples de plugins : menus à plusieurs niveaux, menus en accordéon

APPLICATION

  • Intégration du jQuery / CSS 3 / JavaScript sur un site web

Ces Formations peuvent aussi vous intéresser

Contactez-nous quelle est votre question ?

Nous mettons tout en œuvre pour vous répondre sous 2 jours ouvrés maximum.