Pages

Ennoncé du DS


⚽enoncé⚽


See the Pen Joueurs coupe by dupont (@dupontcodepen) on CodePen.



Plus d'infos »

Github

 https://api.github.com/users/dupontdenis/repos

fetch

 


Update with async/await


Pour utiliser fetch dans node ! 

update node https://nodejs.dev/en/ 




$ node --version
v18.12.1

Dans le terminal, vous pouvez lancer node app.js








Azure

 Je vous rapelle que vous avez un compte azure https://portal.azure.com/#home (gratuit).



Azure deploiement !

Exemple : 

 https://ghiblifilms.azurewebsites.net/films

Préparation au DS

Le pays le plus peuplé par zone.👍

See the Pen reduce Europe le plus peuplé by dupont (@dupontcodepen) on CodePen.

Bilan

Tab

reduce/JS

Object.entries(zones)/DOM

const Europe = [
    { nom: "Allemagne", zone: "O", population: 83 },
    { nom: "Belgique", zone: "O", population: 2 },
    { nom: "Autriche", zone: "O", population: 20 },
    { nom: "Bulgarie", zone: "E", population: 1 },
    { nom: "Chypre", zone: "S", population: 1 },
    { nom: "Croatie", zone: "S", population: 2 },
    { nom: "Danemark", zone: "N", population: 12 },
    { nom: "Espagne", zone: "S", population: 22 },
    { nom: "Estonie", zone: "N", population: 2 },

...
"{

  'O': {

    'nom': 'Allemagne',

    'zone': 'O',

    'population': 83

  },

  'E': {

    'nom': 'Pologne',

    'zone': 'E',

    'population': 45

  },

  'S': {

    'nom': 'Italie',

    'zone': 'S',

    'population': 55

  },

  'N': {

    'nom': 'Irlande',

    'zone': 'N',

    'population': 35

  }

}"


<section class="europe">

    <h1 data-cat="O">O</h1>

    <p data-cat="O">Allemagne: 83 </p>


    <h1 data-cat="E">E</h1>

    <p data-cat="E">Pologne: 45 </p>

 

   <h1 data-cat="S">S</h1>

    <p data-cat="S">Italie: 55 </p>

 

   <h1 data-cat="N">N</h1>

    <p data-cat="N">Irlande: 35 </p>

</section>



🌍Les deux pays les plus peuplés par zone (structure tableau)


🌍Deux pays par zone (Structure Map)

See the Pen reduce Europe 2 pays max by dupont (@dupontcodepen) on CodePen.

Bilan

Map

reduce

Object.entries(zones)

const mapEurope = new Map()

.set("Allemagne","O")

.set("Belgique","O")

.set("Autriche","O")

.set("Bulgarie","E")

.set("Chypre","S")

.set("Croatie","S")

.set("Danemark","N")

.set("Espagne","S")

.set("Estonie","N")


{

  'O': [

    'Allemagne',

    'Belgique'

  ],

  'E': [

    'Bulgarie',

    'Hongrie'

  ],

  'S': [

    'Chypre',

    'Croatie'

  ],

  'N': [

    'Danemark',

    'Estonie'

  ]

}"

<section class="europe">

    <p data-cat="O">Allemagne</p>

    <p data-cat="O">Belgique</p>

    <p data-cat="E">Bulgarie</p>

    <p data-cat="E">Hongrie</p>

 
Explication : L'Europe

DM : discount contre la vie chère


 

En réponse à la crise nous avons mis un place une serie de discount.


Trouvez le code permettant de transformer les items

const items = [

  {name:"A",price:11},

  {name:"B",price:9},

]

avec les aides du gouvernement, ...

const codeDiscount = new Map([["dept",-2],["birthday",-0.5],["gouv",-1]]);


Le shéma suivant montre les nouvelles grilles tarifaires après application de l'aide du "dept" et "gouv" ou après application du discount "birthday"


Plus d'infos »

Projet PizzaJS 🍕


  

Base de donnés

const pizzas = [

    { name:"queen", ingredients: ["🐷","🍄","🍅","🧀"] },

    { name: "cheese", ingredients: ["🧀", "🍅"]},

    { name: "oriental", ingredients: ["🍅","🐑","🍄","🌶"]},

    { name: "royal", ingredients: ["🍅","🌵"]},

  ];


Questions

Trouvez les pizzas avec du 🧀

Trouvez les pizzas avec du 🍅

Trouvez les pizzas avec un ingrédient quelconque

Trouvez les pizzas avec au moins un ingrédient parmi une liste

Trouvez les pizzas avec tous les ingrédients d'une liste

Trouvez les pizzas sans viande

Ajoutez pour chaque pizza le type (vege/meat)

Trouvez l'ensemble des ingrédients  "🐷","🍄","🍅","🧀","🐑","🌶","🌵"

Trouvez pour chaque ingrédient le nombre de pizzas l'utilisant ,"🧀":2 …

Ajoutez le prix de chaque pizza

price = new Map([ ["🍅", 1], ["🐷", 2], ["🌶",2], ["🍄", 5], ["🧀", 5], ["🐑", 2], ["🌵", 10]]);
Plus d'infos »

fetch

 


Update with async/await


Pour utiliser fetch dans node ! 

update node https://nodejs.dev/en/ 




$ node --version
v18.12.1

Dans le terminal, vous pouvez lancer node app.js






Inscription à : Articles (Atom)