Formation jQuery & Ajax

Enrichissez vos sites avec de l'interaction, des animations ou des transitions, et apprenez à développer des plug-ins, des fonctionnalités en Ajax+jQuery pour interagir avec les langages serveur et les bases de données.
15 heures de formation (2 jours en présentiel).

Public

Ce module de formation est spécialement destiné aux webmasters souhaitant enrichir leurs contenus web.
Développeurs web, webdesigners et chefs de projet web.

Pré requis

Maîtrise du programme XHTML CSS perfectionnement, ou expérience de développement en XHTML / CSS (mise en page sans tableaux)

Objectifs

Savoir importer la librairie jQuery
Savoir faire appel à la librairie jQuery
Savoir créer une interaction, une transition ou une animation
Savoir programmer en AJAX
Savoir écrire un plug-in jQuery / Ajax

Programme

Dispensé avec des méthodes d'apprentissage actives basées sur des exercices pratiques.

1 - Principes de base

Principes de base
Fonctionnement de jQuery
Bonnes pratiques de JavaScript
Modes d'interactions HTML/CSS

2 -Sélecteurs

Sélecteurs CSS (1 à 3)
Filtres et sélecteurs avancés
Chaînage

3 - HTML et attributs

Manipulation des attributs
Manipulation des classes
Manipulations du contenu et des valeurs

4 - CSS

Interaction avec les propriétés CSS
Interaction avec les classes
Dimensions et positionnement

5 - Manipulation du DOM

Insérer du contenu
Supprimer du contenu
Modifier du contenu

6 - Parcours

Enfants, parents, et frères
Autres fonctions de parcours

7 - Evénements

Gestionnaires d'événements
Souris et clavier
Autres événements et déclencheurs

8 - Animations et Effets

Apparition et disparition
Mouvement et transitions
Fonction Animate

9 - AJAX

Théorie et fonctionnement
Dialogues client/serveur
Protocole HTTP, méthodes GET, POST
Fonctions $.ajax, $.get, $.post, $.getJSON, $.getScript
Traitement des formulaires
Interaction dynamique sur la page
Formats JSON et XML

10 - Plug-ins

Utilisation de plug-ins
Exploitation de jQuery UI
Méthodes d'écriture de plug-ins
Création d'un plug-in de slideshow/lightbox

11 - Pour aller plus loin avec jQuery

Fonctionnalités avancées et astuces
Méthodes de stockage, de détection et de résolutions des conflits
Conclusion, avantages et inconvénients