ToDoList JS - promo-1-ref-dig/programme GitHub Wiki

La ToDoList 😃

Le projet ToDoList

Réaliser une todo list permettant d'ajouter des choses à se rappeler. Une fois qu'une chose est faite, la rayer. Rajouter la possibilité de n'afficher que les tâches faites, les tâches à faire ou toutes les tâches.

User stories

• En tant qu'utilisateur, je peux ajouter une tâche à faire

• En tant qu'utilisateur, je peux définir une tâche comme faite

• En tant qu'utilisateur, je peux voir toutes les tâches, faites ou non

• En tant qu'utilisateur, je peux filtrer la liste de tâches pour ne voir que les tâches faites

• En tant qu'utilisateur, je peux filtrer la liste de tâches pour ne voir que les tâches à faire

• En tant qu'utilisateur, je peux filtrer la liste de tâches pour voir toutes les tâches

• Comprendre les objectifs et les besoins

• Dessiner des wireframes de la page et des intéractions possibles

• Planifier les étapes de développement (objectif, livrable et date de livraison)

Html

• Créer un document Html vide avec les balises html
• head
• title
• charset body

Css

• Ajouter du CSS pour enjoliver le site : centrer le titre de la page
• changer la couleur de fond mettre la police Open sans-serif rayer les tâches faites

Javascript

• Ajouter du Js pour dynamiser le site :
• afficher une fenêtre alert souhaitant la bienvenue
• afficher du texte dans la console Js du navigateur
• ajouter une tâche dans la liste à l'ouverture de la page
• ajouter un listener lors de la soumission du formulaire
• récupérer le contenu du champ lors de la soumission du formulaire

Conseils

• Décomposer un problème en sous-problèmes
• Dessiner et schématiser tous les problèmes Step by step