Web Dynamique avec JavaScript

Objectifs & compétences

Acquérir les bases JavaScript nécessaires pour développer des pages web plus conviviales et interactives Comprendre comment rajouter de l'interactivité sur les pages et formulaire Web Savoir manipuler dynamiquement des objets HTML

Public visé

Personnes en charge du développement de pages Web et d'interfaces Web Personnes en charge d'un projet Internet ou Intranet

Pré-requis

Connaître le XHTML et le CSS Bonnes connaissances du web Avoir pratiqué un langage de programmation

Programme

INTRODUCTION JavaScript pour quoi faire ? L'environnement du client Web Le navigateur Les outils Insérer un script dans un document HTML/XHTML JAVASCRIPT : LE COEUR DU LANGAGE La syntaxe Les variables Les fonctions globales Les opérateurs Les structures de contrôle Les fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données Les objets personnalisés : constructeur, méthodes et propriétés, prototype, objets littéraux, objets sous forme de tableaux associatifs Les objets globaux : Array, Date, Math, RegExp, String... Manipuler les tableaux, les dates, les chaînes de caractères LES OBJETS DU NAVIGATEUR La hiérarchie des objets Les principaux objets : window, document, location, screen, navigatior, form... Leurs propriétés et méthodes Manipuler des fenêtres Gérer des timers Écrire et lire des cookies LE DOM Introduction au XML, XHTML Le DOM et les navigateurs Manipuler des éléments : créer et insérer de nouveaux éléments, modifier les attributs d'un élément, modifier le contenu LA GESTION DES ÉVÈNEMENTS Le gestionnaire d'évènements Modèle Internet Explorer Modèle DOM 2 L'objet Event La propagation des évènements Compatibilité avec les différents navigateurs LES FORMULAIRES Les différents éléments d'un formulaire Vérifier les données saisies dans les différents champs Soumettre un formulaire LES STYLES CSS Rappel sur les styles CSS Manipuler les styles CSS Modifier une propriété de style d'un élément Modifier la classe d'un élément Modifier l'aspect d'un élément Déplacer, afficher, masquer, réduire un élément ALLER PLUS LOIN "Unobstrusive JavaScript" Présentation d'Ajax

Modalités

Méthodes