Informations générales
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
Tarifs
- Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
- Le dispositif FNE-Formation.
- L’OPCO (opérateurs de compétences) de votre entreprise.
- Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
- CPF -MonCompteFormation
Lieux & Horaires
Prochaines sessions