Module 1 – comprendre JavaScript et son environnement

1. Présentation de JavaScript

• Rôle dans le navigateur

• Différence HTML / CSS / JavaScript

• Historique rapide (création par Brendan Eich)

• Interaction avec le navigateur

2. Intégration dans une page web

• Balise <script>

• Fichier externe

• Console du navigateur

• Introduction aux outils développeur

---

Module 2 – bases du langage

1. Variables et types

• let, const

• Types primitifs (string, number, boolean, null, undefined)

• Tableaux

• Objets

2. Opérateurs

• Arithmétiques

• Comparaison

• Logiques

3. Structures de contrôle

• Conditions (if, switch)

• Boucles (for, while)

---

Module 3 – fonctions et organisation du code

1. Fonctions

• Déclaration et expression

• Paramètres et valeurs de retour

• Fonctions fléchées

• Portée des variables

2. Manipulation des tableaux

• push, pop, map, filter, forEach

• Introduction à la programmation fonctionnelle

---

Module 4 – manipulation du DOM

1. Sélection d’éléments

• getElementById

• querySelector

2. Modification du contenu

• textContent

• innerHTML

• Styles dynamiques

3. Gestion des événements

• addEventListener

• Événements courants (click, input, submit)

---

Module 5 – introduction à l’asynchrone

1. Comprendre le comportement non bloquant

• Principe de la boucle d’événement

• setTimeout

2. Promesses

• Principe

• .then() et .catch()

3. Introduction à async/await

4. Requêtes HTTP

• fetch()

• Consommation d’une API publique

---

Module 6 – projet fil rouge

Réalisation d’une application interactive simple :

Exemples possibles :

• To-do list dynamique

• Gestionnaire de contacts

• Quiz interactif

• Mini application météo via API

Objectifs :

• Manipulation du DOM

• Gestion d’événements

• Utilisation de fonctions

• Stockage simple (localStorage)

• Organisation du code