Bibliothèques et frameworks javascript

Objectifs

• 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

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