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.

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.

GESTION DES COOKIES

Travaux pratiques : utilisation des cookies pour des préférences utilisateur. Gestion des fenêtres popup.

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...).

UTILISATION AVANCÉE

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

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.js ».
Travaux pratiques : génération d'un sommaire automatique. Validation d'un formulaire complexe.

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.

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.

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.

LES BIBLIOTHÈQUES AVANCÉES

Introduction à Script.aculo.us., Dojo, jQuery Travaux pratiques : panier graphique avec drag and drop.