Infos du module :
Exercice
Concevoir une interface web pour afficher des recettes via l’API theMealDB
API, pour Application programming interface, est un programme permettant à deux applications distinctes de communiquer entre elles et d’échanger des données. Cela évite notamment de recréer et redévelopper entièrement une application pour y ajouter ses informations. Par exemple, elle est là pour faire le lien entre des données déjà existantes et un programme indépendant
Dans un premier temps, vous analyserez les possibilités de l’API.
Quelles informations/recherches vous pouvez rapatrier.
L’idée est d’imaginer une interface pour la page d’accueil. Il faudra proposer des Menus sur la page d’accueil, inciter l’utilisateur à interagir : cliquer sur des ingrédients, des recettes, des catégories, faire une recherche via un champs de saisie.
Pour cet exercice, vous travaillerez avec Javascript (avec la bibliothèque jQuery)
Cours du Mercredi 20.08.2025
- Prendre connaissance de l’exercice
- Comprendre les possibilités de l’API https://www.themealdb.com/api.php
- Faire quelques recherches comparatives
- Déterminer la charte graphique – couleurs / typos / élements d’interface / traitement
- Inventez un nom à votre application,
- Imaginez une interface hyper simple.
Less is More
Cours du Mercredi 27.08.2025
- Début du code html / css de la home
- Comprendre et installer jQuery
- Comprendre comment faire des requêtes via AJAX avec jQuery et comment les injecter dans le DOM
- Utiliser la fonction $.ajax de jQuery
- Comprendre le console.log()
- Injecter dans le DOM via append()
- Supprimer du DOM via empty()
- Essayer le $.each
Faire des tests en affichant les éléments dans un console.log
Cours du 3.9 au 5.11 (6 cours)
Implémenter les fonctionnalités
Rendu
Dossier de présentation du projet
Le site : sur le serveur + par swisstransfer sur mon email
Critères d’évaluation du module 291
Fonctionnalités de l’interface (code / aboutissement )
Choix graphique (intérêt visuel, adéquation des choix graphiques et typographique)
Professionnalisme (attitude / assiduité / curiosité / ponctualité / présence)