🧀 https://docs.google.com/document/d/1YPHyaxZlldFH0XjQ3HUy75743qQS8qaNHP6tJp9TscQ/edit?usp=sharing
Liste projets
Interface
Application
✔️ Js calculette 1 : variables et fx
https://github.com/dupontdenis/Quiz-statique.git
https://github.com/dupontdenis/taux.git
API :
https://github.com/dupontdenis/Quiz-App-Master.git
https://github.com/dupontdenis/quiz-top.git
https://github.com/dupontdenis/filmsGhibli_Vanilla.git
https://github.com/dupontdenis/weather-fetch.git
https://github.com/dupontdenis/Infinite-Scroll.git
Base de données
🆘 Installation : mongodb →
Examen
Donnez le corps de la fonction some(array, test) qui teste si au moins un élément du tableau en argument passe le test implémenté.
→ Soit la BD d'animaux, comprenant des 🐶 et des chats 🐱.
Animals = [{name: 'But',age: 3,type: 🐶},{name: 'Lizzy',age: 6,type:🐶}, … ];
La fonction getAges, calcule la somme des âges des chiens en équivalent humain (1 an pour un homme est équivalent à 7 ans pour un chien)
function getAges(array) {
let sum = 0;
for (var i = 0; i < array.length; i++){
if (array[i].type === 🐶){
let tempAge = array[i].age;
sum += (tempAge * 7); } }
return sum; }
Écrivez la fonction getAges sous la forme Animals.filter(?).map(?).reduce(?);
→ Soit la BD des étudiants L2 = [{name: "bob", age: 18, notes: [12,18,14]}, {name: "Abdel", age: 21, notes: [17, 04]}, ...]
Donnez les noms des étudiants par génération (même âge).
Donnez les deux étudiants qui ont eu les meilleures notes.
→ Affichez (DOM) la liste (ul) des noms, avec en rouge ceux qui ont au moins une note inférieure au plafond de 05/20.
→ Affichez (DOM) la liste (ul) des noms avec pour effet "hover" la moyenne de l'étudiant qui s'affiche. Le CSS fourni est : li:hover:before{content: attr(data-average)}
→ ⌨️Application
Donnez le code pour l'application clavier !
🧮Projet : Calculette
🧮Etat interne
Dans cette partie, nous recherchons les variables et fonctionnalités de notre application.
Il nous faut déterminer l'état interne de notre application.
→ Il en découle la déclaration des variables internes de notre programme et les fonctions.
Test : code
➕DOM
Quel sera le HTML.
Nous allons récupérer les éléments de notre vue au travers du DOM.
🚀Interaction 
Nous allons mettre en place le code JS qui permet l'interaction avec les différents boutons.
Cours : formulaire
Délégation :
Pour information, la délégation est si importante, que nous pouvons dans des applications métiers PRO, créer des fonction de haut niveau.🎲en action
How forms work : 🪛→ simple use
🍕En action : select pizza
Révisions :
Code
https://dupontdenis.github.io/revisionMethods/Bilan
Affichage en cohortes : Bootstrap[accordion]
https://dupontdenis.github.io/cohorteAccordeon/
Affichages en cohortes : Grid
Examen : training
export const students = [
{ name: "Alice", cohorte: "l2info", mark: 15 ,img: "https://randomuser.me/api/portraits/women/1.jpg",},
{ name: "Bob", cohorte: "DDI", mark: 8,img: "https://randomuser.me/api/portraits/men/12.jpg", },
{ name: "Charlie", cohorte: "DDD", mark: 18,img: "https://randomuser.me/api/portraits/men/1.jpg", },
{ name: "David", cohorte: "l2info", mark: 12 ,img: "https://randomuser.me/api/portraits/women/31.jpg",},
{ name: "Eve", cohorte: "DDI", mark: 0 ,img: "https://randomuser.me/api/portraits/women/21.jpg",},
];
La secrétaire me demmande de placer les étudiants par cohorte.
🪛 Créez l'interface pour visualiser les 3 cohortes avec la liste des étudiants.
Entrainement Examen
🪛Donner le code de la fonction filtre(array,fx)
⚽const joueurs = [
{nom:"Benzema",pays:"France",but:7},{nom:"Mbappe",pays:"FRANCE",but:8},
{nom:"Neymar",pays:"brésil",but:3}, {nom:"Messi",pays:"argentine",but:1},
{nom:"Mané",pays:"SENEGAL",but:3}, {nom:"Sarr",pays:"senegal",but:1},
];
const map = new Map([
["france","Fr"],["brésil","Br"],["argentine","Ar"],["senegal","Se"],
]);
Normaliser les pays en minuscule
Donner la liste des joueurs français
Donner la liste des joueurs d'un pays
Donner un objet avec pour chaque pays la liste des joueurs
Donner le nombre de buts marqués
Afficher pour chaque pays le meilleurs buteur
On dispose d'une grille.
.bestPlayer {
display: grid;
grid-auto-flow: column;
grid-template-columns: [Fr] 1fr [Br] 1fr [Ar] 1fr [Se] 1fr;
}
🛩️ Last call for
En action → https://dupontdenis.github.io/pizza/
Code → https://github.com/dupontdenis/pizza.git
🥷https://github.com/dupontdenis/pizza?tab=readme-ov-file#readme
🍕PizzasAPI
🚀 https://mypizzasapi.onrender.com/
{
"message": "Welcome to Pizza API! 🍕",
"description": "A simple REST API for pizzas - inspired by ghibliapi.dev",
"endpoints": {
"pizzas": "/API/pizzas",
"pizzaById": "/API/pizzas/:id",
"pizzasWithPrices": "/API/pizzasWithPrices",
"ingredientPrices": "/API/ingredientPrices",
🪛"pizzaSearchByIngredient": "/API/pizzas/search?ingredient=🧀",
"pizzaSinglePrice": "/API/pizzasWithPrices/:id/price",
"customPrice": {
"method": "POST",
"path": "/API/pizzasWithPrices/compute",
"body": {
"ingredients": [
"🍅",
"🧀"
]
}
}
}
}Exemples :
🪛Ainsi pour tester l'API avec ingredient=🧀
https://mypizzasapi.onrender.com/API/pizzas/search?ingredient=🧀
🪛Ainsi pour tester l'API avec ingredient=🍅 et ingredient=🍄
https://mypizzasapi.onrender.com/API/pizzas/search?ingredient=🍄&ingredient=🍅
🥷Pour tester : https://dupontdenis.github.io/testMyPizzasAPI/
https://github.com/dupontdenis/myPizzasAPI.git
https://dupontl2.blogspot.com/2025/11/pizzas-api.html
🍕Commander une pizza
order pizza : https://dupontdenis.github.io/orderPizza/
Inscription à :
Commentaires (Atom)