Javascript - Initiation

Contexte Web
-Historique et Rôle du JavaScript
-Les acteurs du Web,
-Architecture d'une application web,
-Rappels sur l'XHTML.

Principes de base
-Les différentes méthodes pour insérer du code JavaScript dans une page XHTML,
-Quelques éléments de syntaxe,
-Quelques types d'objets,
-Manipulations simples d'une page XHTML,
-Les outils indispensables au développement JavaScript.

Le langage JavaScript
-Déclaration et portée des variables,
-Types de données
-Opérateurs logiques et arithmétiques.
-Les tableaux,
- Les structures du langage
-Les boucles
-Déclaration et appel des procédures et des fonctions,
-Gestion des erreurs et des exceptions.
-Le JavaScript : un langage orientée objet

-Développement Objet en JavaScript : création de classes (méthodes, propriétés),
-Notion de constructeur,
-Les mots clés réservés prototype, this,
-Création de classes au formation JSON.

Les évènements XHTML
-Les évènements XHTML et les possibilités d'interactions utilisateur,
-Différences entre les navigateurs,
-Les frameworks JavaScript existants.
 

Manipulation de la page XHTML
-Contexte : l'arbre DOM,
-Manipulation de l'arbre,
-Création d'un framework simple pour assurer la compatibilité multi-navigateurs,
-Opérations spécifiques aux formulaires et aux tableaux.

Interactions avec les feuilles de styles CSS
-Modification dynamique des feuilles de styles CSS en JavaScript,
-Utilisation de feuilles de styles alternatives.

Gestion des cookies
-Lecture et écriture de cookies
-Pratique : mise en place d'un système de session utilisateur

Applications

- Création de boutons réactifs
- Traitement de formulaires
- Exemple d'application objet avec des données statistiques
- Eventuellement : interactions avec un document (horloge), fonctions avancées (cookies).

Ajax
-Définition
-L'objet XMLHttpRequest,
-Différences entre navigateur,
-Ajout de fonctionnalités à notre framework,
-Mise en place d'une application AJAX complète.

Pour aller plus loin
-Introduction aux différents framework existants : MooTools, jQuery, Dojo, Prototype, Script.aculou.us