Aperçu — 14.1 — Application web interactive — Yekola

Retour

Module 1 : Introduction à JavaScript

1.1 — Premiers pas en JavaScript Aperçu

🛠️ Projet 1 — Explorateur console

Module 2 : Opérateurs et conditions

2.1 — Conditions et logique Aperçu

🛠️ Projet 2 — Calculateur

Module 3 : Fonctions et portée

3.1 — Écrire et utiliser des fonctions Aperçu

🛠️ Projet 3 — Calculatrice

Module 4 : Boucles et tableaux

4.1 — Tableaux et boucles Aperçu

🛠️ Projet 4 — Analyse de notes

Module 5 : Objets et JSON

5.1 — Objets JavaScript Aperçu

🛠️ Projet 5 — Gestionnaire de produits

Module 6 : DOM — Sélectionner des éléments

6.1 — Le DOM et les sélecteurs Aperçu

🛠️ Projet 6 — Explorateur DOM

Module 7 : DOM — Modifier le contenu et le style

7.1 — Modifier la page Aperçu

🛠️ Projet 7 — Compteur de clics

Module 8 : Événements

8.1 — Écouter les événements Aperçu

🛠️ Projet 8 — Formulaire interactif

Module 9 : Formulaires dynamiques et validation

9.1 — Validation avancée Aperçu

🛠️ Projet 9 — Inscription complète

Module 10 : API Fetch — Requêtes HTTP

10.1 — Fetch et async/await Aperçu

🛠️ Projet 10 — Liste d'utilisateurs

Module 11 : Manipulation de données — filter, map, reduce

11.1 — Filter, Map, Reduce Aperçu

🛠️ Projet 11 — Tableau de bord

Module 12 : Stockage local — localStorage

12.1 — Persister des données Aperçu

🛠️ Projet 12 — Préférences persistantes

Module 13 : Modules et organisation du code

13.1 — Modules ES6 Aperçu

🛠️ Projet 13 — Refactorisation modulaire

Module 14 : Projet final — Site interactif complet

14.1 — Application web interactive Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement

Module 14 : Projet final — Site interactif complet Aperçu gratuit

14.1 — Application web interactive

🏆 Projet certifiant — Gestionnaire de tâches (To-Do App)

📋 Contexte

Créez une application de gestion de tâches entièrement fonctionnelle côté client. Les tâches persistent dans localStorage, l'interface est générée dynamiquement en JavaScript.

🎯 Fonctionnalités obligatoires

Ajout de tâche : formulaire avec titre, priorité (select), date limite
Liste dynamique : les tâches s'affichent dans le DOM, pas en HTML statique
Actions : marquer comme fait, supprimer, filtrer (toutes/actives/terminées)
Persistance : localStorage (les tâches survivent au rechargement)
Statistiques : compteur de tâches restantes, barre de progression
Dark mode : toggle avec persistance localStorage
Validation : champs obligatoires, messages d'erreur
Code modulaire : séparation en modules (app.js, storage.js, ui.js)

✅ Critères d'évaluation

Critère	Excellent	Satisfaisant	Insuffisant
DOM dynamique	Tout généré en JS	Partiellement dynamique	HTML statique
localStorage	Sauvegarde + restauration	Sauvegarde seule	Pas de persistance
CRUD complet	Ajout + modification + suppression + filtre	3 actions	≤ 2 actions
Validation	Temps réel + messages	Validation basique	Aucune validation
Modules	3+ fichiers séparés	2 fichiers	1 seul fichier

🎉 Livrez le projet sur GitHub Pages. Certification JavaScript Frontend validée !

⏱️ Temps estimé : 5-6 heures

Ceci est un aperçu gratuit.
Voir la formation complète