Public visé
Développeurs, architectes ou chefs de projets techniques.
Prérequis
- Connaissance de XHTML et CSS
- Compréhension de la programmation structurée
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Mémoriser les bases de JavaScript et son utilisation pour le DOM
- Gérer les événements et les manipulations dynamiques
- Identifier les bonnes pratiques de programmation JavaScript
- Exécuter des appels synchrones (Ajax)
- Appliquer les media queries en JavaScript pour les interfaces responsive
Programme
Jour 1 - Matin
Un langage pour le Web
- Historique de JavaScript, IDE actuels, bibliothèques et versions ES2023
- Relations Ajax et structure typique d’une page web
Les bases du langage
- Syntaxe, déclarations de variables, portée (var/let)
- Types de données, conversions, structures (boucles, conditionnels)
- Objets JSON et utilisation de la console
Jour 1 - Après-midi
Langage basé sur les fonctions
- Les fonctions comme éléments centraux, prototypes, constructeurs
- Valeur de “this” et programmation fonctionnelle
- Objet Window, contextes d’exécution
- Fonctions anonymes, immédiates et fléchées
Jour 2 - Matin
Document Object Model (DOM)
- Objets du navigateur, récupération d’éléments, modification de contenu
- Manipulation CSS et gestion des événements
- Parcours du DOM et manipulation d’éléments
Jour 2 - Après-midi
Gestion des formulaires avec JavaScript
- Gestion du contenu des formulaires et accès aux données
- Techniques de validation et création de gestionnaires de formulaires
Jour 3 - Matin
Gestion du CSS via JavaScript
- Lecture/écriture dynamique des propriétés CSS
- Media queries et adaptation responsive design
Jour 3 - Après-midi
Ajax
- Architecture asynchrone et XMLHttpRequest
- Gestion des erreurs, timeouts, intégration JSON
Mises à jour ECMAScript 6-14
- Améliorations majeures ES6 et enrichissements des versions annuelles