Contenu du cours
Projet TodoList
Programmer une Todo list (liste de choses à faire) en Javascript est un excellent exercice d'apprentissage. Une Todo list couvre différents aspects et concepts que l'on retrouvera dans la majorité des projets web : Manipulation d'objets Javscript, du DOM HTML et du CSSOM, formulaire, changement d'états, animation, etc. Dans cette section, nous allons réaliser plusieurs versions d'une Todo list, en démarrant avec une version simple que nous ferons évoluer en ajoutant des fonctionnalités.
0/13
Introduction au Javascript

Version 0 Version réelle / réalité

Voilà les fonctionnalités de base d’une todo list :

  • On a besoin d’un support pour écrire et lire notre liste, par exemple une feuille blanche (ce sera un tableau en programmation pour stocker nos choses à faire)
  • On a besoin d’ajouter nos choses à faire, besoin d’un crayon à papier (ce sera la fonctionnalité “add” en programmation )
  • On a besoin de pouvoir modifier nos choses à faire, avec la gomme et le crayon (ce sera la fonctionnalité “edit” en programmation)
  • On a besoin de pouvoir cocher nos choses à faire (Ce sera le toggle / booléen en programmation)
  • On a besoin de pouvoir supprimer nos choses à faire, on efface avec le gomme (ce sera la fonctionnalité “delete” en programmation)

Pour les premières versions de notre application, nous n’allons pas utiliser le navigateur, uniquement du Javascript pur.

  1. Créer un nouveau Projet / Workspace “todolist” dans VSCode
  2. Créer un fichier v0-concept.js
  3. Coller les spécifications ci-dessus dans le fichier, puis mettez ces lignes en commentaires