Programme :

1. RAPPEL SUR LE CONTEXTE WEB
Principe de fonctionnement du modèle Web : HTTP, serveur Web, HTML, navigateur.
Interactions entre le navigateur et la page HTML.
Historique de JavaScript et de sa normalisation.

2. PRINCIPES DE BASE
Insertion de code JavaScript dans une page HTML
et XHTML : les différentes méthodes.
La syntaxe de base : variables, procédures, caractères spéciaux, opérateurs…
Les types d'objets prédéfinis.
Manipulations simples de la page HTML.

3. GESTION DES COOKIES
Travaux pratiques : utilisation des cookies pour des
références utilisateur. Gestion des fenêtres popup.

4. ORIENTATION OBJET
Notions de programmation orientée objet.
La spécificité de JavaScript : un langage objet par prototype et non par classe.
Extension personnalisée d'un type existant.
Les principes objets et JavaScript (encapsulation, accesseurs / mutateurs…).

5. UTILISATION AVANCÉE
Découverte de la bibliothèque «prototype.js».
Fonctions anonymes, gestion des erreurs via les exceptions.
Programmation JavaScript et débugging : les outils incontournables.

6. MANIPULATION DE LA PAGE HTML
Introduction et manipulation de l'arbre DOM.
Opérations spécifiques aux formulaires et tableaux.
Utilisation de DOM via la bibliothèque Prototype.
Travaux pratiques : génération d'un sommaire automatique. Validation d'un formulaire complexe.

7. INTERACTIONS AVEC LES FEUILLES DE STYLES
Mettre à jour des styles CSS à partir de JavaScript pour modifier dynamiquement l'apparence de la page.
Utilisation de feuilles de styles alternatives.

8. LES ÉVÉNEMENTS HTML
Description des événements HTML.
Différences entre les navigateurs et spécificités de Microsoft Internet Explorer.
Utiliser des abstractions multi navigateurs.
Travaux pratiques : gestion d'un roll-over. Création d'un menu déroulant dynamique.

9. INTRODUCTION À AJAX
Présentation d'Ajax et XMLHttpRequest.
Interactions avec les feuilles de styles.
Bibliothèques d'abstraction.
Travaux pratiques : formulaire vérifié et mis à jour dynamiquement via Ajax.

10. LES BIBLIOTHÈQUES AVANCÉES
Introduction à Script.aculo.us., Dojo, jQuery.
Travaux pratiques : panier graphique avec drag and drop.