Javascript et le temps - 6 : Single Page Application Part. 6/7 (Spécificités produits)

Concoctons les pages d'un menu pour une restaurant.

Les fichiers HTML et CSS de base sont à récupérer ici :

https://cloud.ducompagnon.fr/uploads/users/51/51cb24e0-e122-4de3-b626-e5dbf919d779/C2Code/cours/javascript/6_temps/6_temps_base.zip

ou

https://codepen.io/ChristopheC-83/pen/YPGZpxJ
Récupérons les données des API fournies, les noms sont explicites :

https://myapis.barpat.fun/api_resto_all_foods
https://myapis.barpat.fun/api_resto_burgers
https://myapis.barpat.fun/api_resto_finger_foods
https://myapis.barpat.fun/api_resto_desserts
https://myapis.barpat.fun/api_resto_drinks

A partir de ces données, gérons notre DOM, affichons nos produits, leurs spécificités et mettons en place un système de cache dans notre Session Storage pour limiter les appels API puis un panier dans notre Local Storage.

Observons qu'un simple fichier HTM, produit moults pages au contenu différent en manipulant le DOM.
Mais notons qu'en Javascript, c'est galère !
Alors on assoie nos connaissances dans ce projet afin de profiter pleinement de React que nous verrons par la suite !

Et entre temps, pense à te faire des projets perso !

Au plaisir de te croiser sur le discord de Louis-Nicolas de Believemy.
https://discord.gg/BJpWDChB

Видео Javascript et le temps - 6 : Single Page Application Part. 6/7 (Spécificités produits) канала Compagnon de Code