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

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

Au fur et à mesure d’ajout de code dans votre fichier Javscript, vous pouvez lancer son exécution dans VSCode en cliquant sur le bouton play :

Commençons maintenant à coder ! Réalisez les étapes suivantes, en discutant et posant des questions si vous en avez :

  1. Créer un nouveau fichier dans votre projet VSCode v1-array.js
  2. En haut du fichier, écrire un commentaire qui décrit cette version (Par exemple : // Version 1 de la todo liste – Simple, avec un tableau (Array) )
  3. Créer maintenant 5 instructions, toutes avec un commentaire les précédent, qui explique ce que chaque instruction fait :
    • Déclarer un tableau Javascript contenant des Strings (par exemple : “item 1”, “item 2”, “item 3”)
    • Déclarer un log dans la console qui affiche le message “Ma liste de todo : ” ainsi que le tableau précédemment créé
    • Utiliser la méthode Javascript push pour ajouter un nouvel élément à votre tableau
    • Modifier la valeur de votre tableau à l’indice 2 avec une nouvelle valeur (par exemple “item 3 modifié”)
    • Supprimer le dernier élément du tableau avec splice

Essayez de tout faire par vous même, puis vous pouvez comparer avec cette correction.