🟢 C3. Développer une interface utilisateur web dynamique (40h – Niveau 1)
🎯 Objectif de la compétence
Acquérir les fondamentaux de JavaScript pour créer des interfaces web interactives. À travers une progression pratique, les apprenants manipulent des variables, des structures conditionnelles, le DOM, les événements, les données dynamiques, les APIs, et structurent leur code selon des principes avancés.
Cette compétence se structure en deux autoformations de 20h chacune, correspondant à une montée en autonomie progressive.
🔹 Autoformation 3.1 – JavaScript : Premiers pas (20h – Niveau 1)
📘 UA 3.1.1 – Écrire des instructions simples en JavaScript (5h)
- Chapitre 1 : Variables, types de données, opérateurs (2h)
- Chapitre 2 : Fonctions simples (3h)
📘 UA 3.1.2 – Contrôler le déroulement du code (5h)
- Chapitre 3 : Conditions & logique booléenne (2h)
- Chapitre 4 : Boucles (
for,while,break) (3h)
📘 UA.3 – 3.1 Manipuler le DOM (5h)
- Chapitre 5 : Sélecteurs DOM (
getElementById,querySelector) (2h) - Chapitre 6 : Modifier texte, attributs, classes (3h)
📘 UA 3.1.4 – Réagir aux actions utilisateur (5h)
- Chapitre 7 : Gestion des événements (
click,input,submit) (2h) - Chapitre 8 : Interaction avec l’utilisateur (3h)
🔹 Autoformation 3.2 – JavaScript : Aller plus loin (20h – Niveau 1)
📘 UA 3.2.1 – Interagir avec des APIs (5h)
- Chapitre 1 : Appels AJAX avec
fetch()& traitement JSON (2h) - Chapitre 2 : Parcourir et afficher les données d’une API (3h)
📘 UA 3.2.2 – Affichage dynamique des données (5h)
- Chapitre 3 : Affichage conditionnel & logique d’affichage (2h)
- Chapitre 4 : Rendu dynamique depuis des tableaux d’objets (3h)
📘 UA 3.2.3 – Organiser son code avec des concepts avancés (5h)
- Chapitre 5 : Fonctions imbriquées, portée, callbacks (2h)
- Chapitre 6 : Factorisation, modularisation et bonnes pratiques ES6 (3h)
📘 UA 3.2.4 – Gérer l’état et les objets complexes (5h)
- Chapitre 7 : Manipuler des objets imbriqués & tableaux (2h)
- Chapitre 8 : Créer une interface interactive pilotée par état (3h)