Voir la page Web du cours pour retrouver l'ensemble des supports.
Ceci est une cellule Markdown ! Cliquez sur l'icône avec 4 lignes pour changer son type !
a = 'Ceci est une cellule JavaScript !'
// Une autre cellule JavaScript
function add(a, b) {
return a + b;
}
<p>Ceci est une cellule <i>HTML</i>
<svg width="200" height="100">
<ellipse rx="20" ry="14" cx="80" cy="30" fill="lightgreen" stroke="black" stroke-width="2.5"></ellipse>
<text y="70" font-size="14">
<tspan x="20" >Ceci est une cellule HTML</tspan>
<tspan x="20" dy="14">contenant un élément SVG</tspan>
</text>
</svg>
// Cette instruction va renvoyer l'erreur "SyntaxError: Unexpected token", mais n'empêche pas les autres cellules de fonctionner
,dfksdhgffgghfujfy
result = n1 + n2
n1 = 123
n2 = 13
c1 = c2 + 1
c2 = c1 + 1
dd = 12
dd = 19
randomVal = Math.random()
result2 = randomVal * 2 // Mis à jour automatiquement quand "randomVal" change
fetch('https://jsonplaceholder.typicode.com/todos/1').then((d) => d.json())
await fetch('https://jsonplaceholder.typicode.com/todos/1').then((d) => d.json())
// Sans await
fetch('https://jsonplaceholder.typicode.com/todos/1').then((d) => d.json()).title
// Avec await
(await fetch('https://jsonplaceholder.typicode.com/todos/1').then((d) => d.json())).title
'Ceci est une chaine de caractères'.split(' ')
variable = 12
{
const v = 'Ceci est une chaine de caractères';
let result = 0;
v.split('').forEach((char) => {
if (char === 'e') {
result += 1;
}
});
return `Il y a ${result} fois la lettre 'e'`;
}
res = {
const v = 'Ceci est une chaine de caractères';
let result = 0;
v.split('').forEach((char) => {
if (char === 'e') {
result += 1;
}
});
return `Il y a ${result} fois la lettre 'e'`;
}
pier = ({
age: 12,
name: 'Pier'
})
function sum(a, b) {
return a + b;
}
width
viewof n = Inputs.range([0, 255], {step: 1, label: "A number to be squared"})
`n au carré = ${n ** 2}`
viewof s = Inputs.select(['Entry 1', 'Entry 2', 'Entry 3'], {step: 1, label: "Select one item"})
The current item is: ${s}
viewof checkboxes = Inputs.checkbox(["A", "B"], {label: "Select some", value: ["A"]})
checkboxes.map((d) => `La boite ${d} est sélectionnée`)
Inputs.table(olympians)
{
// On retourne 1 mais le code continue d'être exécuté ensuite
yield 1;
// On attend 1.5s
await Promises.delay(1500);
// Etc..
yield 2;
await Promises.delay(1500);
yield 3;
}
d3.schemeBuPu[5]
Plot.plot({
inset: 10,
title: 'Un graphique',
marks: [
Plot.dot([[1, 2], [1.4, 5], [2, 4], [2.5, 8], [3, 6], [3.5, 3], [4, 6], [5, 9]], { stroke: 'red' }),
Plot.frame()
]
})
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
