concepteurs ou futurs concepteurs de sites web

Connaissance du langage HTML (stage IIN03). La pratique d'un langage de programmation est un plus

• Concevoir des sites web interactifs en utilisant JavaScript et DHTML
• Créer des animations, des interfaces sécurisées...

• Les bases du langage JavaScript
• Les objets de JavaScript
• Animation
• Contrôles des données de formulaires
• Gérer les événement JavaScript
• Le DHTML et DOM
• AJAX

Compétences visées

Réaliser des formulaires interactifs sécurisés Réaliser des animations : effets de survol, diaporamas, … Créer des menus hiérarchiques escamotables Modifier dynamiquement le contenu d'une page

Les bases du langage JavaScript

• Qu'est-ce que JavaScript ?
• Maîtriser les bases : variables, expressions, opérateurs, structures de contrôles
• Définir des fonctions
• Gérer les erreurs
• Accéder aux ressources du navigateur

Les objets de JavaScript

• Les objets String, Math, Date, Array, Window, Navigator
• Les méthodes et fonctions JavaScript

Animation

• Gérer les événements OnLoad, OnUnload
• Gérer les rollovers : OnmouseOver, OnmouseOut
• Déclencher par rapport au temps : setInterval et setTimeout
• Gérer les zooms, les diaporamas…

Contrôles des données de formulaires

• Gérer les objets Form, Text, Checkbox, Radio, Button, Submit
• Utiliser les litstes : Select, Option
• Sécuriser les saisies

Gérer les événement JavaScript

• Valider les données avec OnSubmit
• Aider à la saisie avec OnFocus
• Vérifier les données avec OnChange, OnBlur

Le DHTML et DOM

• Accéder aux éléments du document HTML via DOM
• Modifier, masquer et afficher des objets DHTML
• Modifier dynamiquement les attributs des éléments d'interface (Police, couleur…)
• Déplacer du texte, des images
• Gérer un menu dynamiquement

AJAX

• Les apports d'Ajax
• L'objet HttpRequest
• Accéder à des ressources et éléments XML et/ou PHP
• Les bibliothèques Ajax : prototype, script.aculo.us.
• Les flux RSS