-Manipuler le contenu de la page
-Animer son aspect graphique
-Mettre en place l’aspect interactif grâce aux événements déclenchés par l’utilisateur
– Les principes de base des technologies clients serveurs
– Les différents modes de saisie HTML
– Introduction aux navigateurs, au JavaScript et au DOM
– Les principes d’utilisation des DOM, les différences principales entre les navigateurs et les conseils d’utilisation
– L’interpréteur JavaScript: entrées/sorties des programmes
– Introduction au langage JavaScript
– Les versions de JavaScript
– JavaScript dans les pages HTML
– Les variables et les types de données
– Les opérateurs,
– Les structures de contrôle
– La définition et l’appel de fonctions
– Les objets et leurs utilisations en JavaScript
– Les dialogues avec l’utilisateur
– Utilisation des tableaux
– La gestion des événements et les différences selon les navigateurs
– Les objets prédéfinis
– Les pièges classiques en JavaScript
Travaux pratiques
Mise en œuvre des différentes notions JavaScript à travers de multiples
travaux pratiques.
-Gestion des chaînes de caractères à travers l’objet String
– L’objet Math
– Manipulation des dates
– Les expressions régulières dans le JavaScript
Travaux pratiques
Série d’exercices pour maîtriser les objets de JavaScript
– Organisation des événements. Impact des événements sur les types de navigateurs et versions de DOM.
– Positionner des écouteurs sur des événements par programme et paramétrage de balises HTML.
– Règles pour faire un codage multinavigateur.
– Créer, détruire des écouteurs.
– Les traitements événementiels JavaScript : gestionnaire clavier, souris, formulaires, rollover, menus dynamiques.
– L’objet Event et son utilisation.
– Les objets du DOM (window, document…) et leur manipulation. – Manipulation des URL (redirections http…).
– Gestion des cookies.
Travaux pratiques
Programmation d’événements multiples sur les éléments formulaire, souris, clavier…
– Manipulation de contenu de formulaires.
– Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d’options…
– Fonctions de validation de formulaire.
– Evénements liés aux éléments de formulaire : changement, initialisation, clic…
Travaux pratiques
Conception de fonctions personnalisées contrôlant les activités de l’utilisateur.
– Sélection d’éléments
– Modification du contenu HTML
– Modification du graphisme CSS
Travaux pratiques
Construction d’un chemin d’accès à un élément du DOM.
– Apports de AJAX (Asynchronous Javascript And Xml)
– XMLHttpRequest
– Méthodes et en-têtes http
– Récupération de contenus HTML, XML ou JSON
Travaux pratiques
Récupération et affichage de données. Interrogation d’une base de données. Création d’un formulaire de connexion.
Référence : WEB020
Type de Stage : Pratique
Durée : 3 jours
Développeurs et chefs de projets
Web.
Connaissances de base de HTML
et CSS