1
00:00:01,300 --> 00:00:02,782
Laten we beginnen met programmeren

2
00:00:02,782 --> 00:00:05,468
We moeten eerst figuren begrijpen, de basis.

3
00:00:05,468 --> 00:00:06,664
Maar geen zorgen,

4
00:00:06,664 --> 00:00:09,113
snel genoeg vliegen je figuren over het scherm,

5
00:00:09,113 --> 00:00:11,272
veranderen van kleur en andere coole dingen.

6
00:00:11,272 --> 00:00:12,802
Blijf gewoon even bij ons!

7
00:00:12,802 --> 00:00:14,696
We beginnen met rechthoeken te tekenen.

8
00:00:14,696 --> 00:00:16,433
We typen "rect()" voor rechthoek,

9
00:00:16,433 --> 00:00:17,798
dan haakje openen

10
00:00:17,798 --> 00:00:19,474
en dan vier getallen

11
00:00:19,474 --> 00:00:20,990
die ik zo zal uitleggen

12
00:00:20,990 --> 00:00:21,911
... dan een haakje sluiten

13
00:00:21,911 --> 00:00:24,112
en aan het einde een puntkomma.

14
00:00:24,112 --> 00:00:25,645
Kijk, geweldig, een rechthoek!

15
00:00:25,645 --> 00:00:26,847
En dat was goed,

16
00:00:26,847 --> 00:00:28,275
dus dat doen we nog eens.

17
00:00:28,275 --> 00:00:29,983
Deze keer kunnen we andere nummers gebruiken.

18
00:00:29,983 --> 00:00:32,329
Misschien grotere nummers,

19
00:00:32,329 --> 00:00:34,850
en dan kleinere nummers aan het eind en kijk

20
00:00:34,850 --> 00:00:36,201
een andere rechthoek.

21
00:00:36,201 --> 00:00:36,866
In feite,

22
00:00:36,866 --> 00:00:38,966
als we proberen dit eerste getal te veranderen

23
00:00:38,966 --> 00:00:41,426
door hem kleiner te maken begint hij te bewegen.

24
00:00:41,426 --> 00:00:44,802
Als we dit laatste nummer groter en kleiner maken,

25
00:00:44,802 --> 00:00:46,709
dan gaat hij groeien en dan krimpen.

26
00:00:46,709 --> 00:00:47,706
Interessant.

27
00:00:47,706 --> 00:00:50,865
Dus hoe gebeurt al deze magie, vraag je je af?

28
00:00:50,865 --> 00:00:55,490
Nou, onthoud dat je computer gewoon een slimme en gehoorzame hond is.

29
00:00:55,490 --> 00:00:56,561
Met een hond,

30
00:00:56,561 --> 00:00:57,599
misschien kunnen we hem vertellen

31
00:00:57,599 --> 00:00:59,977
te zitten, te blijven of zelfs te rollen.

32
00:00:59,977 --> 00:01:02,155
Je hoeft alleen een commando te geven.

33
00:01:02,155 --> 00:01:03,081
Dus in code,

34
00:01:03,081 --> 00:01:06,017
hoe zou je je computerhond vertellen te zitten?

35
00:01:06,017 --> 00:01:08,404
Nou, de manier om dat te doen is

36
00:01:08,404 --> 00:01:10,465
door de naam van het commando te schrijven,

37
00:01:10,465 --> 00:01:11,272
bijvoorbeeld "zit",

38
00:01:11,272 --> 00:01:13,704
en dan twee haakjes om te zeggen:

39
00:01:13,704 --> 00:01:15,676
"voer dit commando uit"

40
00:01:15,676 --> 00:01:17,154
en dan een puntkomma aan het einde

41
00:01:17,154 --> 00:01:18,252
alleen om te zeggen

42
00:01:18,252 --> 00:01:19,630
"He, yeah, dit commando is voorbij."

43
00:01:19,630 --> 00:01:22,249
En dan zal je computerhond gaan zitten.

44
00:01:22,249 --> 00:01:22,758
Nou natuurlijk...,

45
00:01:22,758 --> 00:01:25,288
is je computer op Khan Academy geen hond,

46
00:01:25,288 --> 00:01:27,802
dus weet hij niet hoe hij moet zitten of rollen,

47
00:01:27,802 --> 00:01:29,884
maar hij weet wel hoe hij rechthoeken

48
00:01:29,884 --> 00:01:31,446
kan tekenen als je rect() zegt

49
00:01:31,446 --> 00:01:32,636
en dat is toch ook best goed?

50
00:01:32,636 --> 00:01:33,566
Hoe dan ook,

51
00:01:33,566 --> 00:01:35,519
dat is wat we gaan doen op deze regel.

52
00:01:35,519 --> 00:01:37,198
We noemen het commando rect(),

53
00:01:37,198 --> 00:01:38,460
wat gewoon de naam is,

54
00:01:38,460 --> 00:01:40,818
en daarna haakje openen en haakje sluiten

55
00:01:40,818 --> 00:01:41,957
om te zeggen "ga dat doen",

56
00:01:41,957 --> 00:01:43,066
en dan een puntkomma aan het einde.

57
00:01:43,066 --> 00:01:44,988
Dat is hoe je computer weet dat hij

58
00:01:44,988 --> 00:01:47,010
dit speciale kunstje rect te doen

59
00:01:47,010 --> 00:01:49,624
Oké, dus nu terug naar onze rechthoek

60
00:01:49,624 --> 00:01:51,869
We hebben het commando hier,

61
00:01:51,869 --> 00:01:53,574
we hebben de haakjes.

62
00:01:53,574 --> 00:01:56,065
Hoe zit het met al deze rare nummers?

63
00:01:56,065 --> 00:02:01,173
de computer weet niet genoeg met alleen rect.

64
00:02:01,173 --> 00:02:02,963
Om dit te zien,

65
00:02:02,963 --> 00:02:04,753
stel je voor dat ik je een stuk papier geef en

66
00:02:04,753 --> 00:02:07,535
ik wil dat je er een rechthoek op tekent

67
00:02:07,535 --> 00:02:09,601
precies zoals ik dat wil.

68
00:02:09,601 --> 00:02:11,661
Nou, tenzij je mijn gedachte kan lezen,

69
00:02:11,661 --> 00:02:15,161
zal je meteen wat vragen hebben.

70
00:02:15,161 --> 00:02:16,844
Als eerste zal je je afvragen:

71
00:02:16,844 --> 00:02:19,617
"Waar wil je dat ik de rechthoek teken?"

72
00:02:19,617 --> 00:02:21,564
En dan zal ik zeggen:

73
00:02:21,564 --> 00:02:23,831
"Wat dacht je ervan dat we afspreken dat

74
00:02:23,831 --> 00:02:27,219
we de linkerkant van het papier gewoon 0 noemen."

75
00:02:27,219 --> 00:02:30,047
En laten we afspreken dat de rechterkant 400 is.

76
00:02:30,047 --> 00:02:31,887
Dan kan ik je een nummer geven,

77
00:02:31,887 --> 00:02:33,217
bijvoorbeeld 100, en

78
00:02:33,217 --> 00:02:37,379
dan weet je dat dat ongeveer hier zal zijn.

79
00:02:37,379 --> 00:02:38,743
Dat zal je even tevreden stellen,

80
00:02:38,743 --> 00:02:39,868
maar dan denk je:

81
00:02:39,868 --> 00:02:41,703
nu weet ik hoe ver naar rechts,

82
00:02:41,703 --> 00:02:43,789
maar hoe ver naar boven en beneden?

83
00:02:43,789 --> 00:02:45,513
Dan kan ik je nog een nummer geven,

84
00:02:45,513 --> 00:02:47,463
bijvoorbeeld 200,

85
00:02:47,463 --> 00:02:50,213
en dan zal ik zeggen dat de top 0 is en

86
00:02:50,213 --> 00:02:52,683
de onderkant weer 400,

87
00:02:52,683 --> 00:02:54,157
waarna je zult zeggen, nou,

88
00:02:54,157 --> 00:02:57,977
200 zal precies in het midden zitten.

89
00:02:57,977 --> 00:02:59,090
En dat is perfect.,

90
00:02:59,090 --> 00:03:02,703
omdat je nu denkt dat je de rechthoek precies hier gaat tekenen...

91
00:03:02,703 --> 00:03:05,556
... omdat het 100 naar rechts is en 200 naar beneden.

92
00:03:05,556 --> 00:03:08,119
Echter is dat nog steeds niet genoeg,

93
00:03:08,119 --> 00:03:10,252
want wat vraag je nu?

94
00:03:10,252 --> 00:03:12,386
Je vraagt je af, hoe groot wil je de rechthoek?

95
00:03:12,386 --> 00:03:17,036
Ik zou zeggen, wat dacht je van 150 breed?

96
00:03:17,036 --> 00:03:18,972
En je denkt, nou,

97
00:03:18,972 --> 00:03:21,122
dit is 100 en dit is 400,

98
00:03:21,122 --> 00:03:23,222
dus als we hem 150 breed willen,

99
00:03:23,222 --> 00:03:26,204
dan gaan we ongeveer hier zitten.

100
00:03:26,204 --> 00:03:29,254
Oké, cool, dat is ongeveer 150 breed.

101
00:03:29,254 --> 00:03:31,458
En daarna vraag je, hoe hoog wil je hem hebben?

102
00:03:31,458 --> 00:03:33,468
En ik zal zeggen: "Wat dacht je van 50 hoog?"

103
00:03:33,468 --> 00:03:37,527
Je zal zeggen, oké, dat is ongeveer zo hoog.

104
00:03:37,527 --> 00:03:38,977
Nu zal je zeggen:

105
00:03:38,977 --> 00:03:41,247
"Gaaf, ik weet precies waar je je rechthoek wilt hebben

106
00:03:41,247 --> 00:03:42,889
hoe hij er uit moet zien.

107
00:03:42,889 --> 00:03:44,975
Nu kan ik hem tekenen."

108
00:03:44,975 --> 00:03:47,449
Dat is een boel werk voor een rechthoek, of niet?

109
00:03:47,449 --> 00:03:49,033
Maar het idee is dat

110
00:03:49,033 --> 00:03:51,536
omdat ik je deze vier nummers geef,

111
00:03:51,536 --> 00:03:53,009
100 in de breedte,

112
00:03:53,009 --> 00:03:54,803
200 naar beneden,

113
00:03:54,803 --> 00:03:58,377
150 breed en 50 hoog,

114
00:03:58,377 --> 00:04:01,821
we nu precies hetzelfde beeld in gedachte hebben.

115
00:04:01,821 --> 00:04:04,212
Zo werkt de computer ook.

116
00:04:04,212 --> 00:04:06,544
Je kan gewoon de naam van het commando typen,

117
00:04:06,544 --> 00:04:08,876
haakje openen,

118
00:04:08,876 --> 00:04:13,868
de vier nummers, 100, 200, 150 en dan 50,

119
00:04:13,868 --> 00:04:16,428
haakje sluiten en dan een puntkomma.

120
00:04:16,428 --> 00:04:18,020
En hij zal een rechthoek tekenen

121
00:04:18,020 --> 00:04:20,502
precies waar we hem wilden hebben!

122
00:04:20,502 --> 00:04:22,542
Nou, als we eerlijk zijn naar onszelf,

123
00:04:22,542 --> 00:04:24,392
dat is niet precies waar we de rechthoek wilden.

124
00:04:24,392 --> 00:04:25,912
Dat is niet waar we hem hadden getekend,

125
00:04:25,912 --> 00:04:27,773
Onze nummers zaten er een beetje naast.

126
00:04:27,773 --> 00:04:30,495
Laten we de rechthoek exact overeenkomen

127
00:04:30,495 --> 00:04:31,867
met wat we hebben getekend.

128
00:04:31,867 --> 00:04:34,582
We bewegen hem een stukje naar rechts,

129
00:04:34,582 --> 00:04:36,959
een beetje minder van boven naar beneden

130
00:04:36,959 --> 00:04:39,996
een klein beetje dunner

131
00:04:39,996 --> 00:04:43,212
en misschien ook een klein beetje korter.

132
00:04:43,212 --> 00:04:45,008
Nu hebben we een rechthoek

133
00:04:45,008 --> 00:04:47,364
die er ongeveer uit ziet als wat we hadden getekend,

134
00:04:47,364 --> 00:04:50,310
omdat we begrepen wat elk van deze nummers betekenden,

135
00:04:50,310 --> 00:04:51,989
konden we ze gewoon konden veranderen

136
00:04:51,989 --> 00:04:53,778
om te krijgen wat we wilden.

137
00:04:53,778 --> 00:04:54,907
Laten we nu een andere rechthoek tekenen.

138
00:04:54,907 --> 00:04:59,159
We kunnen nu overal rechthoeken tekenen!

139
00:04:59,159 --> 00:05:01,993
Wat denk je van een rechthoek in de linkerbovenhoek,

140
00:05:01,993 --> 00:05:03,667
helemaal hier boven?

141
00:05:03,667 --> 00:05:06,191
Laten we bedenken waar dat zal zijn.

142
00:05:06,191 --> 00:05:08,899
Dat zal 0 in de breedte zijn,

143
00:05:08,899 --> 00:05:10,298
0 op en neer en dan misschien,...

144
00:05:10,298 --> 00:05:15,217
ik wil een kleintje, dus 50 breed en 10 hoog.

145
00:05:15,217 --> 00:05:18,665
Laten we dat gewoon doen.

146
00:05:18,665 --> 00:05:20,084
We typen rect,

147
00:05:20,084 --> 00:05:23,210
we scheiden de parameters door komma's

148
00:05:23,210 --> 00:05:26,326
en we hebben het zo echt cool.

149
00:05:26,326 --> 00:05:27,400
Wel, niet zo cool,

150
00:05:27,400 --> 00:05:28,952
we krijgen deze foutmelding

151
00:05:28,952 --> 00:05:31,317
die zegt dat we een haakje missen,

152
00:05:31,317 --> 00:05:33,444
en we zien dat we die waren vergeten,

153
00:05:33,444 --> 00:05:35,231
dus we voegen die er aan toe.

154
00:05:35,231 --> 00:05:36,123
Maar oh nee,

155
00:05:36,123 --> 00:05:38,315
nu krijgen we een andere melding

156
00:05:38,315 --> 00:05:40,237
die zegt dat we een puntkomma missen.

157
00:05:40,237 --> 00:05:42,126
Als we op "Show me where" drukken,

158
00:05:42,126 --> 00:05:44,555
wijst hij naar de regel die we net hebben geschreven...

159
00:05:44,555 --> 00:05:46,703
... en we herinneren dat puntkomma's

160
00:05:46,703 --> 00:05:48,359
net als punten aan het eind van een zin zijn,

161
00:05:48,359 --> 00:05:49,459
maar dan aan het eind van code,

162
00:05:49,459 --> 00:05:50,759
en we zijn er een vergeten.

163
00:05:50,759 --> 00:05:52,474
We kunnen hem terug zetten,

164
00:05:52,474 --> 00:05:53,169
Simpel!

165
00:05:53,169 --> 00:05:54,452
een kleine rechthoek,

166
00:05:54,452 --> 00:05:55,985
precies zo als we wilden.

167
00:05:55,985 --> 00:05:58,708
Net als hiervoor kunnen we hem laten groeien,

168
00:05:58,708 --> 00:06:01,356
we kunnen hem verplaatsen

169
00:06:01,356 --> 00:06:03,814
en op precies de plek zetten waar we hem willen.

170
00:06:03,814 --> 00:06:06,534
Nu weet je in detail hoe "rect" werkt.

171
00:06:06,534 --> 00:06:08,552
We weten waar die nummers voor zijn,

172
00:06:08,552 --> 00:06:11,230
dat je de naam van het commando nodig hebt,

173
00:06:11,230 --> 00:06:13,977
de haakjes, hoe de komma's de nummers scheiden

174
00:06:13,977 --> 00:06:15,254
en de puntkomma aan het eind.

175
00:06:15,254 --> 00:06:16,259
Het lijkt veel,

176
00:06:16,259 --> 00:06:17,422
maar ga je gang en

177
00:06:17,422 --> 00:06:19,345
en probeer er gevoel voor te krijgen.

178
00:06:19,345 --> 00:06:20,197
De volgende keer

179
00:06:20,197 --> 00:06:21,850
leren we meer vormen

180
00:06:21,850 --> 00:06:23,720
en dan gaan we geweldige dingen doen

181
00:06:23,720 --> 00:06:24,940
zoals ze kleuren

182
00:06:24,940 --> 00:06:26,310
en ze over het scherm laten vliegen.