Objectifs
Résultats attendus
JavaScript - Initiation Développeur Web
Objectifs de la formation
?? Objectifs de la formation
À l’issue de cette formation, les participants seront capables de :
?? Comprendre les bases du langage JavaScript et son rôle dans le développement web
?? Manipuler le DOM (Document Object Model) pour modifier le contenu d’une page
?? Gérer les événements utilisateurs (clics, saisies, formulaires)
?? Écrire des fonctions et des scripts interactifs
?? Appliquer JavaScript pour ajouter de l’interactivité aux pages web
Domaines
Contenu
?? Programme détaillé
1?? Introduction à JavaScript et à son Écosystème
?? Qu’est-ce que JavaScript et pourquoi l’utiliser dans le web ?
?? Différences entre HTML, CSS et JavaScript
?? Où écrire et exécuter du JavaScript ? (console du navigateur, fichier externe)
?? Configuration de l’environnement de travail (VS Code, Chrome Developer Tools)
2?? Syntaxe de Base et Premiers Scripts
?? Déclaration des variables (var, let, const)
?? Types de données (chaînes de caractères, nombres, booléens, tableaux, objets)
?? Opérations mathématiques et manipulation de chaînes de caractères
?? Affichage de messages avec console.log(), alert() et prompt()
3?? Structures de Contrôle et Logique Programmation
?? Conditions (if, else, switch)
?? Boucles (for, while, do...while)
?? Introduction aux fonctions (function, paramètres, return)
?? Manipulation des tableaux et objets de base
4?? Manipulation du DOM (Document Object Model)
?? Sélection des éléments HTML (document.getElementById, querySelector)
?? Modification du contenu et des styles en JavaScript
?? Création et suppression dynamique d’éléments HTML
?? Introduction aux classes CSS dynamiques (classList.toggle)
5?? Gestion des Événements et Interactivité
?? Gestion des événements utilisateurs (onclick, onmouseover, onkeydown)
?? Récupération et validation des données des formulaires
?? Création d’interactions dynamiques avec les boutons, menus déroulants et modales
?? Animation de base avec setTimeout() et setInterval()
6?? Introduction à la Programmation Asynchrone
?? Explication du concept asynchrone et synchronisation
?? Utilisation de setTimeout et setInterval pour gérer le temps
?? Introduction aux Promesses et async/await (sans approfondissement)
7?? Projet Pratique : Dynamiser une Page Web avec JavaScript
?? Création d’un mini-site interactif (ex : calculatrice, liste de tâches, jeu simple)
?? Révision des concepts abordés
?? Correction et amélioration du code
?? Déploiement simple sur GitHub Pages