jQuery pour les développeurs Web

Cette formation vous permet d'utiliser la bibliothèque JavaScript jQuery dans des projets de développement. Utiliser JQuery de façon non intrusive et pour l’écriture de plugins. Utiliser jQueryUI afin de développer des interfaces utilisateurs.

Public

Développeurs, intégrateurs, webdesigners, ou toute personne souhaitant se découvrir utiliser jQuery et Ajax dans le développement de site Web.

Durée

28 heures sur 4 jours

Pré-requis

Connaître JavaScript et HTML est indispensable pour suivre cette formation. Connaître le langage CSS est un plus.

Déroulé

Principes de base

  • Principe de la bibliothèque jQuery
  • Quelle version de la bibliothèque et où l’héberger
  • Utilisation de jQuery de manière non conflictuelle

Rappels obligatoires

  • Notions de JavaScript : objets, fonctions, Ajax
  • Notions de CSS : sélecteurs CSS 3
  • Le DOM

L’objet jQuery

  • Sélecteur CSS
  • Application à un élément du DOM
  • Création d’éléments à partir du HTML

Evénements

  • Design pattern Observateur
  • Placer des observateurs sur les éléments
  • Evénements live et délégués

Parcours et Manipulation du DOM

  • Attributs et styles
  • Parcours du DOM
  • Altération du DOM
  • Création de nouveaux éléments

Utilitaires

  • Données attachées aux éléments
  • Dimensions
  • Fonctions utilitaires

Ajax

  • Requêtes Ajax simples
  • Requêtes Ajax complètes
  • Traitement des réponses XML et JSON
  • Applications des « bons » principes ergonomiques pour Ajax.

Effets & animation

  • Animations préconfigurées
  • Animation libre

jQuery UI

  • Widgets : Autocomplete, Accordion, Dialog, Slider, Tabs,
  • Interactions : Drag & Drop, tri, sélection, redimensionnement.
  • Animations avancées

Cas d’études

  • Slider avec Ajax
  • Champs de saisie avec suggestions

Plugins

  • Quelques plugins populaires : metadata, jsTree, fullCalendar, Masonry, Nivo Slider
  • Création de plugins.
  • Création de sélecteurs personnalisés.
  • Création d’événements personnalisés.