Ziggourat FORMATION

12. Formation jQuery pour les développeurs Web

Objectifs

Découvrir la bibliothèque jQuery, son utilisation non intrusive et l’écriture de plugins spécifiques. Explorer jQueryUI, l’extension d’éléments d’interface utilisateurs ainsi que quelques autres plugins.

Participants

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

Prérequis

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

Programme

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.