déroulé de

Cours 

Réf. : FJSCAV 

Niveau : Confirmé  

Durée : 14 heures  

Public visé 

Développeur HTML, Ingénieur Web, Participant projet Internet, Webmaster technique. 

Objectif de la formation

Structurer ses développements JavaScript. Améliorer les applications Web existantes via des briques JavaScript.

Contenu

Rappel sur le contexte

Web :

Principe de fonctionnement du modèle Web: HTTP, serveur Web, HTML, navigateur.Interactions entre le navigateur et la page HTML.Historique de JavaScript et de sa normalisation.Présentation d’outils.

Principes de base :

Insertion de code JavaScript dans une page HTML et XHTML: les différentes méthodes. La syntaxe de base : variables, procédures, caractères spéciaux, manipulations des tableaux simples ou à plusieurs dimensions, les cookies… Les types d'objets prédéfinis. Manipulations simples de la page HTML.

Notion d’objet :

Notions de programmation orientée objet. La spécificité de JavaScript : un langage objet par prototype et non par classe. Extension personnalisée d'un type existant. Les principes objets et JavaScript (encapsulation, accesseurs/mutateurs…)

Utilisation avancée :

Découverte de la bibliothèque «prototype.js», Fonctions anonymes, gestion des erreurs via les exceptions, Programmation JavaScript et débogage : les outils incontournables.

Manipulation de

la page HTML :

Introduction et manipulation de l'arbre DOM. Opérations spécifiques aux formulaires et tableaux. Utilisation de DOM via la bibliothèque prototype.js». Travaux pratiques : génération d'un sommaire automatique. Validation d'un formulaire complexe.

Interaction avec les

feuilles de styles :

Mettre à jour des styles CSS à partir de JavaScript pour modifier dynamiquement l'apparence de la page. Utilisation de feuilles de styles alternatives.

Les événements

HTML :

Description des événements HTML. Différences entre les navigateurs et spécificités de Microsoft Internet Explorer. Utiliser des abstractions multi-navigateurs. Travaux pratiques : gestion d'un roll-over. Création d'un menu déroulant dynamique.

Les bibliothèques

avancées :

Introduction à Script.aculo.us., Dojo, jQuery. Travaux pratiques : panier graphique avec drag and drop.

Méthodes

pédagogiques :

Une salle de formation, fiches de synthèse, exercices d’évaluation, cas pratiques, feuilles d’émargement, support de cours.