Pages

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)

  1. function getAges(array) {

  2.     let sum = 0;

  3.     for (var i = 0; i < array.length; i++){

  4.       if (array[i].type === 🐶){

  5.         let tempAge = array[i].age;

  6.         sum += (tempAge * 7);  }  }

  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

  1. test
  2. test
  3. test



https://dupontdenis.github.io/revisionMethods/


Bilan

  1. entetes
  2. Students
  3. render Students


Etudes des transformations


Affichage en cohortes : Bootstrap[accordion]

https://dupontdenis.github.io/cohorteAccordeon/


Affichages en cohortes : Grid

https://dupontdenis.github.io/cohorteStudents/

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


const ob = { a: 1, b: 2 };

const anotherObject = ob;

anotherObject.b = 4;

dessiner  la mémoire 


const [,y,,x] = [() => 1, 2, {}, function (a) { console.log(a); }, { nom: "John" }]

Valeurs de x,y 


x = 10; y = x++; z = ++x;

Valeurs de x, y, z


🪛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"],

]);

  1. Normaliser les pays en minuscule

  2. Donner la liste des joueurs français

  3. Donner la liste des  joueurs d'un pays

  4. Donner un objet avec pour chaque pays la liste des joueurs

  5. Donner le nombre de buts marqués

  6. 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/