Dynamiser vos Sites Web avec JavaScript

Description

Objectifs du cours :

• Ecrire et déboguer des programmes JavaScript.
• Ajouter de l’interactivité à vos sites Web.
• Créer des formulaires interactifs pour saisir et valider les informations entrées par les utilisateurs.
• Créer des pages Web dynamiques pour tous les navigateurs.

Introduction et vue d’ensemble

• Possibilités et limitations
• Comparaison entre JavaScript et JScript
• Caractéristiques de JavaScript

Le modèle de programmation JavaScript

• Imbrication de JavaScript dans HTML/XHTML
• Conventions de formatage et de codage
• Concepts de programmation et de débogage
• • Utilisation de Firebug sous Firefox
• Problèmes de la sécurité et leur résolution

La syntaxe JavaScript

• Déclaration des variables
• Les types de données
• Manipulation de tableaux
• Les opérateurs et expressions
• Les structures et instructions de contrôles
• Déclaration et appel de fonctions
• Gestion des événements
• • Les bonnes pratiques
  • Le cas particulier d’Internet Explorer
• Manipulation des objets JavaScript

Utilisation des objets du navigateur

• Interaction avec le navigateur
• Utilisation des boîtes de dialogue  » pop-up « 
• Guide de saisie utilisateur
• Écriture de la ligne d’état du navigateur
• Détermination du type et de la version d’un navigateur

Validation des formulaires côté client

• Manipulation des champs des formulaires
• Vérification à la volée des champs des formulaires
• Validation des entrées des utilisateurs
• • Validation par expressions régulières

Manipulation du DOM HTML/XHTML

• Notion de nœud et d’arborescence de nœuds
• Manipulations DOM
• • Ajout, modification, suppression de nœuds
• Manipulation dynamique du HTML/XHTML
• Manipulation dynamique des styles CSS
• Création de menus dynamiques
• Création de listes déroulantes dynamiques
• Création de validateurs de champs de formulaires dynamiques

Optimisation et structuration du code JavaScript en utilisant des Frameworks

• Inconvénients de JavaScript
• Panorama des frameworks JavaScript
• • Les frameworks techniques
  • Les frameworks graphiques
  • Les frameworks de widgets
• Mise en œuvre du framework technique Prototype
• • Utilisation des syntaxes simplifiées
  • Simplification et centralisation de la gestion des événements
  • Simplification des traitements DOM HTML
• Mise en œuvre du framework graphique script.aculo.us
• • Mise en œuvre d’animations graphiques dynamiques sur les éléments constituant des pages HTML

Notre centre de formation WebDesign : http://www.formation-webdesign.be/