Voici le DS → lien
La correction → lien
Bilan : saison 1
🏭Découvrez une nouvelle Data, concernant les entreprises de la Tech !
🪛Posez-vous les questions suivantes :
See the Pen compagnies by dupont (@dupontcodepen) on CodePen.
Lotery !
👿 Choisir 5 numéros parmi 49 vous offre 1 906 884 combinaisons possibles.
Nous pouvons augmenter nos chances en choisissant jusqu'à 9 numéros !
DS : 15mn
const pizzas = [
{ name: "queen", ing: ["🐷", "🍄", "🍅", "🧀"] },
{ name: "cheese", ing: ["🧀", "🍅", "🌵"] },
{ name: "oriental", ing: ["🍅", "🐑", "🍄", "🌶"] },
];
const prices = new Map([
["🍅", 1],
["🐷", 2],
["🌶", 2],
["🍄", 5],
["🧀", 5],
["🐑", 2],
["🌵", 10],
]);
🪛 Dessinez la structure du code pizzas et pizzasWithPrices (like pythontutor)
const pizzasWithPrices = pizzas.map(pizza => ({
...pizza,
price: pizza.ing.reduce((acc, ing) => acc + prices.get(ing), 0)
}));
Magie de JS
HTML
<div id="wrapper">
<div data-tabname="Onglet 1">Contenu 1</div>
<div data-tabname="Onglet 2">Contenu 2</div>
<div data-tabname="Onglet 3">Contenu 3</div>
</div>
Magie du JS
Création des boutons
Gestion des événements
Contenu 1
Contenu 2
Contenu 3
See the Pen Untitled by dupont (@dupontcodepen) on CodePen.
Cours : Map/Set
const languageSkills = [
{
language: "Spanish",
skill: "Professional Proficiency",
},
{
language: "English",
skill: "Professional Working Proficiency",
},
{
language: "German",
skill: "Professional Proficiency",
},
];
const output = languageSkills.reduce((map, { language, skill }) => {
if (map.has(skill)) map.get(skill).push(language);
else map.set(skill, [language]);
return map;
}, new Map());
const nativeResult = Object.groupBy(languageSkills, (item) => item.skill);
Inscription à :
Commentaires (Atom)