🎯 Exercice Pratique : Créer une To-Do List

Durée : 1h15 | Niveau : Débutant | Technologies : HTML, CSS, JavaScript

📋 Objectif

Développer une application web de gestion de tâches (To-Do List) permettant aux utilisateurs de gérer leurs tâches quotidiennes.

🔧 Prérequis Techniques

• Connaissances de base en HTML/CSS
• Connaissances de base en JavaScript (DOM, événements)
• Un éditeur de code (VS Code recommandé)
• Un navigateur web moderne

📝 Fonctionnalités à Implémenter

1. Créer une tâche
   • Ajouter un champ input pour saisir le texte
   • Créer un bouton "Ajouter"
   • Afficher la nouvelle tâche dans une liste
2. Supprimer une tâche
   • Ajouter un bouton "Supprimer" à côté de chaque tâche
   • Permettre la suppression au clic
3. Trier les tâches
   • Ajouter un menu déroulant avec les options de tri
   • Implémenter le tri alphabétique
   • Bonus : Ajouter d'autres types de tri (date, priorité)
4. Éditer une tâche
   • Permettre le double-clic sur une tâche pour la modifier
   • Sauvegarder les modifications
5. Tout supprimer
   • Ajouter un bouton "Tout effacer"
   • Demander confirmation avant suppression

🎨 Conseils de Style

• Utilisez Flexbox pour l'alignement
• Utilisez des couleurs contrastées
• Pensez au responsive design

⭐ Bonus (si vous avez le temps)