monnerat/web_2025
2
2
Fork 2
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

ajout exo tp5

Browse Source
This commit is contained in:
Denis Monnerat
2026-03-09 14:55:40 +01:00
parent 1fe20f3f3b
commit 1c7d7f636a
9 changed files with 253 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
R4.01_R4.A.10/td_tp/tp5/README.md
View File

@@ -21,3 +21,19 @@ Le but est de comprendre le code pour prendre en main Riot.js
- Ajoutez le nombre de tâches restantes.
- Modifiez le code pour que les tâches soient stockées localement (utilisez l'objet `localStorage`).
#### Ex2
Voici un [exemple](./src/ex2) d'application (radar chart) écrite avec riot.js.
<div align="center">
<img src="./img/radar.png">
</div>
- Complétez les méthodes `add` et `remove`.
- Créez un nouveau composant `slider.riot`, qui vous utiliserez dans app.riot
#### Ex3
L'api DummyJSON permet de manipuler des données fictives. Ecrire, avec riotjs, une application qui permet :
- de récuperer depuis l'url `https://dummyjson.com/products` une liste de produits
- pour chaque produit, afficher le titre, prix et image.
- ajouter un filtre `prix < 100`, et un bouton `voir détails`.