Objectifs

-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

Programme

– 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

Public concerné:

Développeurs et chefs de projets
Web.

Prérequis:

Connaissances de base de HTML
et CSS