Cours !
🥷How to improve our programming style ?
function filter(arr, fn) {
let result = [];
for (let item of arr) {
if (fn(item)) {
result.push(item);
}
}
return result;
}
Cours !
function filter(arr, fn) {
let result = [];
for (let item of arr) {
if (fn(item)) {
result.push(item);
}
}
return result;
}
Définir une fonction unique recherchant les valeurs uniques d'un tableau.
.
const pizzas = [
{ name:"queen", ingredients: ["🐷","🍄","🍅","🧀"], price:5 },
{ name: "cheese", ingredients: ["🧀", "🍅"], price:3},
{ name: "oriental", ingredients: ["🍅","🐑","🍄","🌶"], price:5},
{ name: "royal", ingredients: ["🍅","🌵"], price:10},
];
Trouvez les pizzas avec du 🧀
Trouvez les pizzas avec du 🍅
//MAP a new objet
Here are some of the most commonly used methods provided by the Map
object in JavaScript:
set(key, value): Adds or updates an element with a specified key and a value to a Map object.
get(key): Returns the value associated to the key, or undefined
if there is none.
size: Returns the number of key/value pairs in the Map object.
Itération over a Map object
A) Sélectionnez les deux premiers <p> avec quatre types de sélecteurs différents.
<p id="d1" class="s">p 1</p> <p id="d2" class="s">p 2</p> <p id="d3">p 3</p> <p id="d4">p 4</p> | |
🆘Utilisez le simulateur : https://dupontdenis.github.io/TestSelecteurDemo/
B) Donnez les codes HTML et CSS pour la création d'un trombinoscope trois étudiants par ligne.
🆘https://dupontl1.blogspot.com/2024/02/flex-de-la-theorie-la-pratique.html
Il suffit de simplifier le code (notezz le fake des images avec
🖼️https://testgithubdupont.github.io/row-3-cols/
🚧https://github.com/testgithubdupont/row-3-cols.git
C) Indiquez les lignes sélectionnées pour chaque sélecteur
| sélecteur | lig. |
p + p | ||
p:nth-child(2) | ||
article :last-child:not(p) | ||
[class $="n"] | ||
article :nth-of-type(-n+1) |
🚧Préparation au DS : https://dupontl1.blogspot.com/2024/02/preparation-au-ds.html
🥷Attention au HTML
Avant formatage |
🆘Utilisez le simulateur : https://dupontdenis.github.io/TestSelecteurDemo/
D) Donnez la représentation du code pour 2 <div> dans un conteneur.
.conteneur { display:flex; flex-wrap: wrap }
.conteneur div { flex: 1 0 100px; }