Formateur jquery

Formateur Jquery
- 2 jours
- paris
- 2 et 3 octobre
programme :
 Objectifs pédagogiques
Intégrer jQuery dans vos développements Web et RIA.
Comprendre comment jQuery simplifie la mise en pratique d'Ajax.
Etendre les fonctionnalités de jQuery.
Utiliser les principaux composants graphiques de jQuery UI.
Créer des plug-ins jQuery.
________________________________________
 Public
Webmestres, chefs de projet, concepteurs et réalisateurs de pages Web.
________________________________________
 Pré-requis
Bonnes connaissances du Web HTML/CSS et EW10 - JavaScript).
________________________________________
Avis d'expert
Parmi les framework JavaScript, jQuery est plébiscité tant pour sa simplicité de mise en pratique que pour son efficacité.
Ce stage vous guidera dans les principales étapes de l'apprentissage de jQuery : des fonctionnalités de base à la création d'extensions en passant par l'utilisation des composants graphiques jQuery UI.

PROGRAMME
Introduction
• L'objectif de jQuery • Son positionnement • Référencer jQuery dans une page Web • Détecter la fin de chargement de la page Web • La fonction $ • Travaux Pratiques : installation et utilisation de la dernière bibliothèque jQuery
________________________________________
Manipulation des CSS
• Les selectors CSS • Sélectionner des éléments • Sélections hiérarchiques • Sélection par attributs • Navigation dans les sélections • Filtrer les sélections
________________________________________
Manipulation du DOM
• Modifier les CSS • Ajouter / supprimer des éléments • Déplacer les éléments • Calcul de dimensions • Injection de code HTML • Travaux Pratiques : utilisation des sélecteurs pour manipuler les éléments d’une page Web, écriture de scripts liés aux événements déclenchés par l’utilisateur
________________________________________
Les effets et animations
• Utiliser show(), hide(), et toggle() • Gérer des listes arborescentes • Effets de transition (fadeIn, fadeOut...) • Créer son animation à l'aide de animate()
________________________________________
Gestion des événements
• Ajout / suppression d'événement sur les éléments du DOM • Ecriture de fonctions de traitement • Contrôler la propagation des événements • Utiliser les fonctions d'aides click(), dblclick(), keypress(), ... • Evénements "live" • Travaux Pratiques : interception des événements liés à la souris associés aux effets et aux animations de jQuery
________________________________________
Les formulaires
• Récupérer des éléments de formulaire • Sérialisation de données • Les fonctions utilitaires • Validation de champs par les plugins • Travaux Pratiques : gestion des événements dans un formulaire pour interagir sur la valeur de certains de ses composants
________________________________________
Découverte de jQuery UI
• Interactions • Widgets • Effets visuels • Thèmes • Travaux Pratiques : mise en œuvre des widgets les plus populaires (Accordion, Autocomplete, Datepicker, Tabs…)
________________________________________
jQuery et AJAX
• La fonction générique load() • Les fonctions d'aide $.get(), $.post(), $.getJSON(), $.get Script(), $.ajax() • Les événements communs • Travaux Pratiques : création d’une zone d’auto complétion avec jQuery et une requête AJAX
________________________________________
Les plugins
• Utiliser des plugins (Slider, jQuery Drop Down Menu, jqGrid…) • Travaux Pratiques : implémentation de plugins jQuery (Slider, jQuery Drop Down Menu, jqGrid…), créer son propre plugin