Dynamiser vos sites Web avec JavaSCript

Durée : 2 jour(s)
Tarif : Consultez-nous

DEMANDE DE DEVIS SANS ENGAGEMENT – CLIQUEZ ICI

Public :

  • Ce cours est destiné à tous ceux qui sont impliqués dans la conception, le développement ou la maintenance d’un site Web côté client.

Objectifs :

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

Pré-requis :

  • Connaissance de l’internet et de son vocabulaire (Web, URL, …).
  • Connaissance pratique de l’algorithmie et d’un langage de programmation.

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