WEBVTT

00:00:00.868 --> 00:00:03.442
J'ai mon ami Winston 
avec moi pour cette leçon.

00:00:03.442 --> 00:00:07.932
Il est déjà magnifique comme ça ! 
Mais, je veux changer la taille de ses yeux.

00:00:07.942 --> 00:00:13.042
C'est ici que je dessine ses yeux.
Avec "fill" pour la couleur de remplissage
et "ellipse" pour faire les deux cercles.

00:00:13.042 --> 00:00:18.289
Pour réduire les yeux, je dois
changer la largeur de l'ellipse

00:00:18.289 --> 00:00:20.429
et aussi la hauteur pour avoir un rond.

00:00:20.429 --> 00:00:24.622
Et, pour avoir les deux yeux identiques,
il faut le faire aussi, ici.

00:00:24.622 --> 00:00:30.072
Ils sont un peu trop petit maintenant.
donc il faut que je change ça encore.

00:00:30.072 --> 00:00:33.022
Ce serait quand même mieux si je 
pouvais changer tout ça d'un coup.

00:00:33.262 --> 00:00:36.646
Les "variables" servent à ça !

00:00:36.648 --> 00:00:40.811
Une "variable" c'est comme 
un "nom" qu'on donne à une "valeur".

00:00:41.040 --> 00:00:44.498
C'est comme un grand sac 
auquel on donne un nom

00:00:44.498 --> 00:00:47.472
Vous pouvez mettre ce que vous voulez
dans le sac. Mais son nom ne change pas.

00:00:47.472 --> 00:00:52.019
Ce qu'il y a dans le sac est :
la "valeur" de la variable.

00:00:53.188 --> 00:00:57.199
On va maintenant créer notre première variable.
Ici, tout en haut.

00:00:57.199 --> 00:01:00.410
On écrit "var" (pour "variable"), un espace
et le nom de la variable.

00:01:00.410 --> 00:01:05.393
Le nom de la variable doit décrire son contenu.
"eyeSize", ici, c'est pour la "tailleDesYeux" (en anglais)

00:01:05.393 --> 00:01:09.727
Vous pourriez donner n'importe quel nom à la variable
mais les espaces sont interdits entre les mots.

00:01:09.727 --> 00:01:11.897
Bien sûr, il faut aussi le point-virgule !

00:01:11.897 --> 00:01:16.664
Notre variable s'appèle "eyeSize" car elle va 
contenir la taille des yeux.

00:01:16.664 --> 00:01:19.530
Pour l'instant notre variable n'a pas de valeur.

00:01:19.530 --> 00:01:27.403
Pour lui en donner une, on écrit le nom
de la variable, un signe "=", et la valeur "20;"

00:01:27.403 --> 00:01:31.922
Vous voyez ce signe égal ? On ne l'utilise pas 
de la même façon qu'en cours de math à l'école.

00:01:31.937 --> 00:01:36.176
Ici, le signe = ne veut pas dire "est égal à".
Il veut dire "je t'affecte une valeur".

00:01:36.179 --> 00:01:41.300
Donc, ici, on affecte la valeur 20 à 
la variable "eyeSize".

00:01:41.300 --> 00:01:45.416
C'est comme si on mettait la valeur 20 
dans notre sac qui s'appèle "eyeSize".

00:01:45.416 --> 00:01:52.698
En cours de math, vous pouvez avoir 
x=3 ou 3=x et cela signifie la même chose...

00:01:52.821 --> 00:01:54.453
car les deux sont égaux !

00:01:54.453 --> 00:01:56.187
On ne peut pas faire ça, nous.

00:01:56.187 --> 00:01:59.786
Ce qu'il y a à gauche du = doit
toujours être le "nom" de la variable.

00:01:59.786 --> 00:02:05.056
Et ce qu'on met à droite du = doit toujours
être la "valeur" qu'on affecte à la variable.

00:02:05.056 --> 00:02:11.104
Pour être sûr de ne pas se tromper, 
en écrivant votre code, au lieu de dire "égal"

00:02:11.104 --> 00:02:14.964
Il faut dire : "contient".

00:02:14.964 --> 00:02:18.749
Ici, on a donc :
eyeSize "contient" 20.

00:02:19.733 --> 00:02:27.626
Maintenant, à chaque fois que j'utilise "eyeSize" 
dans le code, l'ordinateur va le remplacer par "20".

00:02:27.626 --> 00:02:30.923
Essayons ça. 
Je vais copier "eyeSize".

00:02:30.923 --> 00:02:39.559
Et remplacer ces 4 nombres par 
la variable "eyeSize". Voila !

00:02:39.559 --> 00:02:46.646
Maintenant, les yeux de Winston sont bien ronds
de la même taille, et si je veux changer leur taille...

00:02:46.646 --> 00:02:50.590
... il suffit de changer la valeur de ma variable !

00:02:50.590 --> 00:02:53.148
Haaa ! Trop fort !
Même que ça marche !

00:02:54.716 --> 00:02:58.259
OK. Bon. On a créé la variable 
"eyeSize"... ici.

00:02:58.259 --> 00:03:02.813
... et, ici, on lui a donné la valeur "33".
On peut faire ça en une seule étape.

00:03:02.951 --> 00:03:07.587
J'écrit "var eyeSize"... "contient 33 ;".


00:03:07.587 --> 00:03:12.132
En si j'enlève les deux anciennes lignes, 
tout fonctionne quand même.

00:03:13.655 --> 00:03:16.686
Maintenant, souvenez-vous que l'ordinateur
lit le code du haut vers le bas.

00:03:16.747 --> 00:03:19.298
Donc il connait la valeur de "eyeSize", ici...

00:03:19.298 --> 00:03:22.048
... car elle a été définie... ici.

00:03:22.048 --> 00:03:24.217
Si je l'avais définie, en bas... ici...

00:03:24.217 --> 00:03:30.658
en arrivant à cette ligne, l'ordinateur n'aurait
aucune idée sur ce qu'est "eyeSize".

00:03:30.658 --> 00:03:33.764
Et on se retrouve avec une erreur, qui
indique que "eyeSize" n'est pas définie !

00:03:33.764 --> 00:03:37.581
Vous pouvez vous dire que vous 
l'avez fait plus bas...

00:03:37.581 --> 00:03:40.366
... mais l'ordinateur est pas aussi 
intelligent que vous !

00:03:40.668 --> 00:03:42.885
Donc, remettons ça en haut du code...

00:03:43.165 --> 00:03:48.562
Donc, il faut TOUJOURS définir la variable
AVANT de l'utiliser.

00:03:48.562 --> 00:03:52.562
Et maintenant, vous 
connaissez les variables ! Bravo !