Historique des conversations
Chargement...
Chapitre 14 : Projet Todo App
1. Objectif du projet
Mettre en pratique toutes les notions apprises : Composants, Props, State, Formulaires et Listes.
2. Spécification de l'application
- Ajouter une tâche via un champ texte.
- Lister les tâches avec une case à cocher pour terminer.
- Supprimer une tâche.
- Filtrer les tâches (Toutes, En cours, Terminées).
- Sauvegarder la liste dans le
localStoragedu navigateur.
3. Architecture suggérée
App: Gère le state global de la liste.TodoForm: Formulaire d'ajout.TodoList: Affiche les items via une boucle.TodoItem: Le composant pour chaque tâche.
4. Section Quiz
Testez vos connaissances avant de coder !
Projet
Réalisez l'application To-Do List par étapes. Commencez par l'affichage simple, puis ajoutez l'ajout de tâches, et enfin la suppression.
Évaluation des acquis
Correction immédiate
Quiz du chapitre 14
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Ateliers pratiques & Corrigés détaillés
Ateliers pratiques & Corrigés
#1 — Comprendre les bases : Projet Pratique : Todo App évoluée
Atelier #1Expliquez avec vos mots le concept principal de ce chapitre, puis illustrez-le par un exemple simple.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
Corrigé disponible prochainement.
#2 — Application guidée
Atelier #2Réalisez un exercice pratique en reprenant la structure vue dans le cours et en modifiant au moins 2 paramètres.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
Corrigé disponible prochainement.
#3 — Mini défi
Atelier #3Concevez une petite solution personnelle liée à 'Projet Pratique : Todo App évoluée' et justifiez vos choix techniques.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
Corrigé disponible prochainement.