JavaScript : rendre la page vivante
Votre page Chez Awa avec menu mobile, filtres, panier et commande envoyée sur WhatsApp.
2 modules 8 chapitres Environ 82 min de lecture
Présentation
Deuxième étape du parcours développeur web. Vous reprenez la page de « Chez Awa » et la rendez interactive en JavaScript, jusqu'à une vraie commande envoyée sur WhatsApp.
Ce que vous aurez fait à la fin
Affiché « Ouvert » ou « Fermé » selon l'heure
Créé un menu mobile qui s'ouvre au clic
Généré le menu à partir de données
Ajouté des filtres par catégorie
Construit un panier avec total en FCFA
Envoyé la commande sur WhatsApp et gardé le panier en mémoire
Prérequis
La formation HTML et CSS : votre première page, ou des bases équivalentes
Le dossier
chez-awaobtenu à la fin de cette formation
Le parcours développeur web
HTML et CSS : votre première page
JavaScript : rendre la page vivante
Git et GitHub : versionner et publier
PHP et MySQL : votre premier back-end
Sécuriser et déployer son site PHP
Laravel : passer au framework
Programme
-
1 Les bases du JavaScript
- Relier le script
- Afficher l'ouverture
- Réagir aux clics
- Générer le menu
- Quiz : les bases du JavaScript
-
2 Le panier WhatsApp
- Filtrer le menu
- Construire le panier
- Commander sur WhatsApp
- Garder le panier
- Quiz : le panier WhatsApp
- Devoir : la page interactive