CI27-51037 - jQuery, Ajax, jQuery UI

CI27-51037 - jQuery, Ajax, jQuery UI - Développement
« Write less, do more… » ou comment faire plus avec (beaucoup) moins de code
INTER A LA DEMANDE : demander la planification d'une session
L'émergence du Web 2. 0 s'accompagne de nombreuses avancées technologiques qui permettent de remettre sur le
devant de la scène les interfaces Web longtemps décriées. jQuery est un framework Ajax qui facilite la création
d’interfaces riches. jQuery UI est son indispensable compagnon pour parfaire l’ergonomie de vos applications Web 2 en
toute simplicité.
Objectifs
Programme
Maîtriser le framework jQuery
pour manipuler aisément le DOM.
Effectuer des requêtes AJAX.
Maîtriser l’utilisation des
composants jQuery UI.
Rappels sur les technologies du Web
Profils
Développeurs Web, webmasters.
Prérequis
Avoir suivi le stage `Web 2.0 Développement (X)HTML, CSS,
Javascript` ou posséder un niveau
équivalent.
Durée
4 jours
Prix
1990 €
Les + pédagogiques
• Une approche universelle,
utilisant des outils de
développement Open Source.
• Très nombreux exemples de
mise en pratique tout au long de la
formation.
•
•
•
•
XHTML / CSS / JavaScript : les contraintes sur la conception.
Application Web classique versus Web 2.0 : apport, limites.
Navigateur Web : problématique des développements cross-browser.
DHTML : principe et cadre d'utilisation.
Introduction à jQuery
• Installation de la librairie.
• Utiliser jQuery avec d'autres librairies.
• Quand débuter les traitements (DOM ready) ?
DOM : sélection d'éléments avec jQuery
•
•
•
•
•
•
•
Les sélecteurs CSS.
Les sélecteurs hiérarchiques.
Les filtres de base.
Les filtres de contenu.
Les filtres d'éléments visibles.
Les filtres d'attributs.
Les filtres de formulaire.
Manipuler le DOM
• Lire, modifier, ajouter, supprimer des attributs.
• Lire, modifier, ajouter, supprimer des éléments.
Gestion événementielle avec jQuery
•
•
•
•
•
L'événement de chargement de page.
Création d'événements.
Les fonctions d'événement prédéfinies.
Evénements dynamiques.
Effets visuels, animations.
AJAX
•
•
•
•
•
•
Présentation d'Ajax.
Ajax vs site dynamique.
Avantages et inconvénients d'Ajax.
Communication synchrone/asynchrone avec le serveur.
L'objet XMLHttpRequest.
Les différents formats d'échange :
- Text,
- (X)HTML,
- XML,
- JavaScript Object Notation (JSON).
• Avantages et inconvénients des différents formats.
• Mise en œuvre « traditionnelle ».
JQuery et Ajax
•
•
•
•
•
•
•
De la bonne utilisation de AJAX.
La fonction load() appliquée à un élément.
AJAX bas niveau $.ajax().
AJAX simplifié $.get(), $.post().
AJAX dédié JSON $.getJSON().
AJAX dédié Script $.getScript().
Les événements AJAX.
jQuery UI
•
•
•
•
•
La galerie de thèmes : personnaliser, télécharger.
Installer un thème.
La page exemple.
Méthodes, propriétés, évènements liés aux composants UI.
Exemples de mise en œuvre de composants UI :
- Datepicker,
- Tabs,
- Accordion.
FuturSkill Training - 13, rue Ernest RENAN - 92000 Nanterre
Tél : +33 (0)1 78 14 18 11 - www.futurskill-training.fr - [email protected]