Comprendre et manipuler le DOM à travers JavaScript pour créer des sites Web interactifs, s'initier à la programmation avec l'un des langages le plus populaire.
OBJECTIFS PEDAGOGIQUES
- Apprendre le JavaScript
- Développer des applications en utilisant la technologie JavaScript
- Comprendre Web 2.0
- Savoir manipuler dynamiquement des objets HTML
PROGRAMME
INTRODUCTION À JAVASCRIPT :
- Historique et évolution de JavaScript
- Rôle de JavaScript dans le développement web
- Différence entre JavaScript et d'autres langages de programmation
BASES DE JAVASCRIPT
- Syntaxe et structure du langage
- Variables et types de données
- Opérateurs et expressions
- Structures de contrôle (if, else, switch, for, while, etc.)
FONCTIONS ET PORTÉE DES VARIABLES :
- Déclaration et utilisation des fonctions
- Portée des variables (globale, locale)
- Fonctions anonymes et expressions de fonction
- Fonctions fléchées (ES6)
OBJETS ET TABLEAUX :
- Création et manipulation d'objets
- Propriétés et méthodes des objets
- Création et manipulation de tableau
- Méthodes de tableaux (map, filter, reduce, etc.)
GESTION DES ÉVÉNEMENTS :
- Événements du navigateur (click, mouseover, etc.)
- Écouteurs d'événements et gestionnaires d'événements
- Propagation et annulation d'événements
LE DOM ET L'OBJET "DOCUMENT" (DOCUMENT OBJECT MODEL)
- Présentation du DOM, Objectifs
- Sélection et modification d'éléments du DOM
- Création et suppression d'éléments du DOM
- Modification des attributs et du style des éléments
- Les objets du DOM, Méthode write()
- Contenu d’un objet, Récupérer un objet et l’attribut d’un objet
- Le style d’un objet , Récupérer et manipuler les classes CSS
- Propriétés de l’objet “document”
PROGRAMMATION ASYNCHRONE :
- Callbacks et gestion des erreurs
- Promesses et chaînage de promesses
- Async / Await (ES2017)
DATES, TABLEAUX, EXPRESSIONS RÉGULIÈRES, FORMULAIRES
- Les dates
- Les tableaux
- Les expressions régulières
- Les formulaires
BONNES PRATIQUES ET DÉBOGAGE :
- Bonnes pratiques en matière de style et de structure de code
- Utilisation de la console du navigateur pour le débogage
- Outils de débogage et de profilage
- ES6 (ECMAScript 2015) et versions ultérieures
- Nouvelles fonctionnalités et améliorations
- Modules et importations
- Classes et héritage
PUBLIC
Intégrateurs, développeurs WebPRÉREQUIS
INFORMATIONS PRATIQUES
HORAIRES DE LA FORMATION
de 9 h 00 à 12 h 30 et de 13 h 30 à 17 h 00
MÉTHODOLOGIE PÉDAGOGIQUE
Théorie | Cas pratiques | Synthèse
MODALITÉS D'ÉVALUATION
Évaluation qualitative des acquis tout au long de la formation et appréciation des résultats
