Développer des sites Web dynamiques avec JavaScript

Maîtriser le langage de script JavaScript

Un temps délaissé, JavaScript est revenu sur le devant de la scène avec l'émergence du Web 2.0. Son utilisation permet de rendre les pages web plus interactives et conviviales pour l'internaute. Sa maîtrise est aussi un préalable indispensable avant d'aborder le développement d'applications Internet riches avec Ajax (Asynchronous JavaScript ans XML).

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

Public

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 de la formation

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

Méthode pédagogique

Les nombreux travaux pratiques qui ponctuent la formation permettent aux participants de mettre immédiatement en application leurs acquis et d'acquérir ainsi une première expérience du développement avec JavaScript.
Les trucs et astuces d'intervenants spécialistes de la création de sites Web.
Les techniques pour améliorer l'interactivité de ses pages Web.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire.