JavaScript - Initiation Développeur Web

Objectifs

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

Programme de la formation

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

Validation et sanction

JavaScript - Initiation Développeur Web

Type de formation

Non certifiante

Sortie

Sans niveau spécifique