§ 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.