Objectifs

– Maîtriser la syntaxe du langage JavaScript

– Gérer les événements et les manipulations dynamiques

– Interagir avec les feuilles de style CSS

– Gérer des échanges AJAX

Programme

– Présentation des types de navigateurs. Impact sur la portabilité des programmes
 – Les composants Web : HTML, XHTML, CSS, JavaScript, Java…

– Les protocoles HTTP, HTTPS.

– Importance de JavaScript sur les sites Web

– Les outils de développement

– Déclaration et portée des variables.

– Les types de données

– Conversion de type.

– Gestion des tableaux.

– Opérateurs logiques et arithmétiques. Boucles (for, while…).

– Création de fonctions et paramétrage variable.

– Gestion des erreurs

– Développement Objet en JavaScript : création de classes (méthodes, propriétés).

– Constructeur. Surcharge. Mots réservés prototype, this. Création d’instance.

– Utilisation du format JSON pour la création de classes.
Travaux pratiques
Mise en œuvre des différentes fonctionnalités JavaScript à travers de
multiples travaux pratiques.

– Impact des événements sur les types de navigateurs et versions de DOM.

– Positionner des écouteurs sur des événements et paramétrage de balises HTML.

– Les traitements événementiels JavaScript

– L’objet Event et son utilisation.

– Les objets du DOM et leur manipulation.

– Manipulation des URL.

– Gestion des cookies.
Travaux pratiques
Programmation d’événements multiples sur différents éléments

– Manipulation de contenu de formulaires.

– Accès et modification dynamique des composants du formulaire

– Fonctions de validation de formulaire.

– Evénements liés aux éléments de formulaire.
Travaux pratiques
Conception de fonctions personnalisées contrôlant les activités de
l’utilisateur.

– Rappel de CSS

– Implémentation des CSS en tant que propriétés des objets du DOM.

– Modification directe des propriétés CSS des objets du DOM.

– Modification de l’objet CSS.

– Rendre la page dynamique via le changement des propriétés de style.
Travaux pratiques
Lecture de styles CSS depuis JavaScript et application de nouveaux
styles CSS avec JavaScript

– Présentation du langage XML.

– Manipulation des objets du DOM.
Travaux pratiques
Construction d’un chemin d’accès à un élément du DOM.

– Présentation de Asynchronous JavaScript.

– Enjeux, solutions et alternatives.

– Les bibliothèques disponibles.

– Echanges HTTP et l’objet XMLHttpRequest.
Travaux pratiques :
Récupération de données XML et affichage des données.

Référence :  WEB002

Type de Stage : Pratique

Durée : 4 jours

Public concerné:

Développeurs et chefs de projets
Web.

Prérequis:

Bonnes connaissances du HTML.
Connaissances de base en
programmation.