1
00:00:00,868 --> 00:00:03,442
J'ai mon ami Winston 
avec moi pour cette leçon.

2
00:00:03,442 --> 00:00:07,932
Il est déjà magnifique comme ça ! 
Mais, je veux changer la taille de ses yeux.

3
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.

4
00:00:13,042 --> 00:00:18,289
Pour réduire les yeux, je dois
changer la largeur de l'ellipse

5
00:00:18,289 --> 00:00:20,429
et aussi la hauteur pour avoir un rond.

6
00:00:20,429 --> 00:00:24,622
Et, pour avoir les deux yeux identiques,
il faut le faire aussi, ici.

7
00:00:24,622 --> 00:00:30,072
Ils sont un peu trop petit maintenant.
donc il faut que je change ça encore.

8
00:00:30,072 --> 00:00:33,022
Ce serait quand même mieux si je 
pouvais changer tout ça d'un coup.

9
00:00:33,262 --> 00:00:36,646
Les "variables" servent à ça !

10
00:00:36,648 --> 00:00:40,811
Une "variable" c'est comme 
un "nom" qu'on donne à une "valeur".

11
00:00:41,040 --> 00:00:44,498
C'est comme un grand sac 
auquel on donne un nom

12
00:00:44,498 --> 00:00:47,472
Vous pouvez mettre ce que vous voulez
dans le sac. Mais son nom ne change pas.

13
00:00:47,472 --> 00:00:52,019
Ce qu'il y a dans le sac est :
la "valeur" de la variable.

14
00:00:53,188 --> 00:00:57,199
On va maintenant créer notre première variable.
Ici, tout en haut.

15
00:00:57,199 --> 00:01:00,410
On écrit "var" (pour "variable"), un espace
et le nom de la variable.

16
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)

17
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.

18
00:01:09,727 --> 00:01:11,897
Bien sûr, il faut aussi le point-virgule !

19
00:01:11,897 --> 00:01:16,664
Notre variable s'appèle "eyeSize" car elle va 
contenir la taille des yeux.

20
00:01:16,664 --> 00:01:19,530
Pour l'instant notre variable n'a pas de valeur.

21
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;"

22
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.

23
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".

24
00:01:36,179 --> 00:01:41,300
Donc, ici, on affecte la valeur 20 à 
la variable "eyeSize".

25
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".

26
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...

27
00:01:52,821 --> 00:01:54,453
car les deux sont égaux !

28
00:01:54,453 --> 00:01:56,187
On ne peut pas faire ça, nous.

29
00:01:56,187 --> 00:01:59,786
Ce qu'il y a à gauche du = doit
toujours être le "nom" de la variable.

30
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.

31
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"

32
00:02:11,104 --> 00:02:14,964
Il faut dire : "contient".

33
00:02:14,964 --> 00:02:18,749
Ici, on a donc :
eyeSize "contient" 20.

34
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".

35
00:02:27,626 --> 00:02:30,923
Essayons ça. 
Je vais copier "eyeSize".

36
00:02:30,923 --> 00:02:39,559
Et remplacer ces 4 nombres par 
la variable "eyeSize". Voila !

37
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...

38
00:02:46,646 --> 00:02:50,590
... il suffit de changer la valeur de ma variable !

39
00:02:50,590 --> 00:02:53,148
Haaa ! Trop fort !
Même que ça marche !

40
00:02:54,716 --> 00:02:58,259
OK. Bon. On a créé la variable 
"eyeSize"... ici.

41
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.

42
00:03:02,951 --> 00:03:07,587
J'écrit "var eyeSize"... "contient 33 ;".


43
00:03:07,587 --> 00:03:12,132
En si j'enlève les deux anciennes lignes, 
tout fonctionne quand même.

44
00:03:13,655 --> 00:03:16,686
Maintenant, souvenez-vous que l'ordinateur
lit le code du haut vers le bas.

45
00:03:16,747 --> 00:03:19,298
Donc il connait la valeur de "eyeSize", ici...

46
00:03:19,298 --> 00:03:22,048
... car elle a été définie... ici.

47
00:03:22,048 --> 00:03:24,217
Si je l'avais définie, en bas... ici...

48
00:03:24,217 --> 00:03:30,658
en arrivant à cette ligne, l'ordinateur n'aurait
aucune idée sur ce qu'est "eyeSize".

49
00:03:30,658 --> 00:03:33,764
Et on se retrouve avec une erreur, qui
indique que "eyeSize" n'est pas définie !

50
00:03:33,764 --> 00:03:37,581
Vous pouvez vous dire que vous 
l'avez fait plus bas...

51
00:03:37,581 --> 00:03:40,366
... mais l'ordinateur est pas aussi 
intelligent que vous !

52
00:03:40,668 --> 00:03:42,885
Donc, remettons ça en haut du code...

53
00:03:43,165 --> 00:03:48,562
Donc, il faut TOUJOURS définir la variable
AVANT de l'utiliser.

54
00:03:48,562 --> 00:03:52,562
Et maintenant, vous 
connaissez les variables ! Bravo !