Développement web et Mobilité
Développer des sites WEB dynamiques avec JavaScript
Reference : IM11
3
jours - 1 730 € € HT Télécharger la fiche
Prochaines sessions
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
Pré requis
- Connaître le XHTML et le CSS
- Bonnes connaissances du web
- Avoir pratiqué un langage de programmation
Modalités et délais d’accès
Pré-inscription
Bulletin d'inscription à retourner complété
Programmes de Développer des sites WEB dynamiques avec JavaScript
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