Jquery
Apprendre le Framework Jquery
| Durée : | 4 jours |
| Public : | Développeurs Web, Architectes Web |
| Prérequis : | Bon niveau en JavaScript et en Programmation Orientée Objet Bonnes notions en développement Web (CSS, HTML, XHTML |
| Objectif : | Connaître le cadre d’utilisation de Jquery, et ses principales fonctionnalités Etre capable de mettre en place Jquery dans une application Web |
Programme
Présentation des interfaces riches et jquery
- Les bases de l’interface -riches
- Une nouvelle métaphore : le dashboard
- Des exemples Jquery
- Les technologies pour ajax : xml, CSS, javascript, XHR
- Pourquoi choisir le framework Jquery : forces er faiblesses
Les technologies xml et jquery
- La syntaxe XML (valide et bien-formés)
- La variable XML ou les dialectes XML
- Les schémas XML (DTD)
- Les pages xhtml sont des documents XML
- La programmation DOM
- La notation XPATH
- Les documents JSON, une alternative à xml
Jquery et les feuilles de styles css - optionnel
- Les sélecteurs CSS
- Les blocs CSS et les widgets
- Integration non-intrusive des widgets ajax tel accordeon
Les evenements et javascript- optionnel
- Les gestionnaires d’événement
- Les fondements de javascript : variables et fonctions
- Le dom et javascript
HTTP et XHR, l’objet fondateur d’Ajax
- Le rôle de HTTP
- XMLhttpRequest est une variable XML
- Méthodes et propriétes de XHR
- les methodes de ajax avec Jquery
Prise en main de jquery
- Les principes de Jquery
- integration de jquery dans une page XHTML
- Initier un événement apres le téléchargement totale de la page (ready)
- Ajout d’une class CSS avec addClass
- Enchainement des méthodes
- Fonction et callback
Construction d’intefaces simples avec Jquery ui
- Exemples de composants visuels : widget : accordeon, panneau, dialogue, slider
- Les interactions fondamentales : glisser/déposer, changement de taille, tri
- Les effets spéciaux :bounce, pulsion
Traverser votre document xhtml avec dom et Jquery
- Survol et exercices avec des éléments
- Ajout d’attributs