0:00:01.300,0:00:02.782
Laten we beginnen met programmeren

0:00:02.782,0:00:05.468
We moeten eerst figuren begrijpen, de basis.

0:00:05.468,0:00:06.664
Maar geen zorgen,

0:00:06.664,0:00:09.113
snel genoeg vliegen je figuren over het scherm,

0:00:09.113,0:00:11.272
veranderen van kleur en andere coole dingen.

0:00:11.272,0:00:12.802
Blijf gewoon even bij ons!

0:00:12.802,0:00:14.696
We beginnen met rechthoeken te tekenen.

0:00:14.696,0:00:16.433
We typen "rect()" voor rechthoek,

0:00:16.433,0:00:17.798
dan haakje openen

0:00:17.798,0:00:19.474
en dan vier getallen

0:00:19.474,0:00:20.990
die ik zo zal uitleggen

0:00:20.990,0:00:21.911
... dan een haakje sluiten

0:00:21.911,0:00:24.112
en aan het einde een puntkomma.

0:00:24.112,0:00:25.645
Kijk, geweldig, een rechthoek!

0:00:25.645,0:00:26.847
En dat was goed,

0:00:26.847,0:00:28.275
dus dat doen we nog eens.

0:00:28.275,0:00:29.983
Deze keer kunnen we andere nummers gebruiken.

0:00:29.983,0:00:32.329
Misschien grotere nummers,

0:00:32.329,0:00:34.850
en dan kleinere nummers aan het eind en kijk

0:00:34.850,0:00:36.201
een andere rechthoek.

0:00:36.201,0:00:36.866
In feite,

0:00:36.866,0:00:38.966
als we proberen dit eerste getal te veranderen

0:00:38.966,0:00:41.426
door hem kleiner te maken begint hij te bewegen.

0:00:41.426,0:00:44.802
Als we dit laatste nummer groter en kleiner maken,

0:00:44.802,0:00:46.709
dan gaat hij groeien en dan krimpen.

0:00:46.709,0:00:47.706
Interessant.

0:00:47.706,0:00:50.865
Dus hoe gebeurt al deze magie, vraag je je af?

0:00:50.865,0:00:55.490
Nou, onthoud dat je computer gewoon een slimme en gehoorzame hond is.

0:00:55.490,0:00:56.561
Met een hond,

0:00:56.561,0:00:57.599
misschien kunnen we hem vertellen

0:00:57.599,0:00:59.977
te zitten, te blijven of zelfs te rollen.

0:00:59.977,0:01:02.155
Je hoeft alleen een commando te geven.

0:01:02.155,0:01:03.081
Dus in code,

0:01:03.081,0:01:06.017
hoe zou je je computerhond vertellen te zitten?

0:01:06.017,0:01:08.404
Nou, de manier om dat te doen is

0:01:08.404,0:01:10.465
door de naam van het commando te schrijven,

0:01:10.465,0:01:11.272
bijvoorbeeld "zit",

0:01:11.272,0:01:13.704
en dan twee haakjes om te zeggen:

0:01:13.704,0:01:15.676
"voer dit commando uit"

0:01:15.676,0:01:17.154
en dan een puntkomma aan het einde

0:01:17.154,0:01:18.252
alleen om te zeggen

0:01:18.252,0:01:19.630
"He, yeah, dit commando is voorbij."

0:01:19.630,0:01:22.249
En dan zal je computerhond gaan zitten.

0:01:22.249,0:01:22.758
Nou natuurlijk...,

0:01:22.758,0:01:25.288
is je computer op Khan Academy geen hond,

0:01:25.288,0:01:27.802
dus weet hij niet hoe hij moet zitten of rollen,

0:01:27.802,0:01:29.884
maar hij weet wel hoe hij rechthoeken

0:01:29.884,0:01:31.446
kan tekenen als je rect() zegt

0:01:31.446,0:01:32.636
en dat is toch ook best goed?

0:01:32.636,0:01:33.566
Hoe dan ook,

0:01:33.566,0:01:35.519
dat is wat we gaan doen op deze regel.

0:01:35.519,0:01:37.198
We noemen het commando rect(),

0:01:37.198,0:01:38.460
wat gewoon de naam is,

0:01:38.460,0:01:40.818
en daarna haakje openen en haakje sluiten

0:01:40.818,0:01:41.957
om te zeggen "ga dat doen",

0:01:41.957,0:01:43.066
en dan een puntkomma aan het einde.

0:01:43.066,0:01:44.988
Dat is hoe je computer weet dat hij

0:01:44.988,0:01:47.010
dit speciale kunstje rect te doen

0:01:47.010,0:01:49.624
Oké, dus nu terug naar onze rechthoek

0:01:49.624,0:01:51.869
We hebben het commando hier,

0:01:51.869,0:01:53.574
we hebben de haakjes.

0:01:53.574,0:01:56.065
Hoe zit het met al deze rare nummers?

0:01:56.065,0:02:01.173
de computer weet niet genoeg met alleen rect.

0:02:01.173,0:02:02.963
Om dit te zien,

0:02:02.963,0:02:04.753
stel je voor dat ik je een stuk papier geef en

0:02:04.753,0:02:07.535
ik wil dat je er een rechthoek op tekent

0:02:07.535,0:02:09.601
precies zoals ik dat wil.

0:02:09.601,0:02:11.661
Nou, tenzij je mijn gedachte kan lezen,

0:02:11.661,0:02:15.161
zal je meteen wat vragen hebben.

0:02:15.161,0:02:16.844
Als eerste zal je je afvragen:

0:02:16.844,0:02:19.617
"Waar wil je dat ik de rechthoek teken?"

0:02:19.617,0:02:21.564
En dan zal ik zeggen:

0:02:21.564,0:02:23.831
"Wat dacht je ervan dat we afspreken dat

0:02:23.831,0:02:27.219
we de linkerkant van het papier gewoon 0 noemen."

0:02:27.219,0:02:30.047
En laten we afspreken dat de rechterkant 400 is.

0:02:30.047,0:02:31.887
Dan kan ik je een nummer geven,

0:02:31.887,0:02:33.217
bijvoorbeeld 100, en

0:02:33.217,0:02:37.379
dan weet je dat dat ongeveer hier zal zijn.

0:02:37.379,0:02:38.743
Dat zal je even tevreden stellen,

0:02:38.743,0:02:39.868
maar dan denk je:

0:02:39.868,0:02:41.703
nu weet ik hoe ver naar rechts,

0:02:41.703,0:02:43.789
maar hoe ver naar boven en beneden?

0:02:43.789,0:02:45.513
Dan kan ik je nog een nummer geven,

0:02:45.513,0:02:47.463
bijvoorbeeld 200,

0:02:47.463,0:02:50.213
en dan zal ik zeggen dat de top 0 is en

0:02:50.213,0:02:52.683
de onderkant weer 400,

0:02:52.683,0:02:54.157
waarna je zult zeggen, nou,

0:02:54.157,0:02:57.977
200 zal precies in het midden zitten.

0:02:57.977,0:02:59.090
En dat is perfect.,

0:02:59.090,0:03:02.703
omdat je nu denkt dat je de rechthoek precies hier gaat tekenen...

0:03:02.703,0:03:05.556
... omdat het 100 naar rechts is en 200 naar beneden.

0:03:05.556,0:03:08.119
Echter is dat nog steeds niet genoeg,

0:03:08.119,0:03:10.252
want wat vraag je nu?

0:03:10.252,0:03:12.386
Je vraagt je af, hoe groot wil je de rechthoek?

0:03:12.386,0:03:17.036
Ik zou zeggen, wat dacht je van 150 breed?

0:03:17.036,0:03:18.972
En je denkt, nou,

0:03:18.972,0:03:21.122
dit is 100 en dit is 400,

0:03:21.122,0:03:23.222
dus als we hem 150 breed willen,

0:03:23.222,0:03:26.204
dan gaan we ongeveer hier zitten.

0:03:26.204,0:03:29.254
Oké, cool, dat is ongeveer 150 breed.

0:03:29.254,0:03:31.458
En daarna vraag je, hoe hoog wil je hem hebben?

0:03:31.458,0:03:33.468
En ik zal zeggen: "Wat dacht je van 50 hoog?"

0:03:33.468,0:03:37.527
Je zal zeggen, oké, dat is ongeveer zo hoog.

0:03:37.527,0:03:38.977
Nu zal je zeggen:

0:03:38.977,0:03:41.247
"Gaaf, ik weet precies waar je je rechthoek wilt hebben

0:03:41.247,0:03:42.889
hoe hij er uit moet zien.

0:03:42.889,0:03:44.975
Nu kan ik hem tekenen."

0:03:44.975,0:03:47.449
Dat is een boel werk voor een rechthoek, of niet?

0:03:47.449,0:03:49.033
Maar het idee is dat

0:03:49.033,0:03:51.536
omdat ik je deze vier nummers geef,

0:03:51.536,0:03:53.009
100 in de breedte,

0:03:53.009,0:03:54.803
200 naar beneden,

0:03:54.803,0:03:58.377
150 breed en 50 hoog,

0:03:58.377,0:04:01.821
we nu precies hetzelfde beeld in gedachte hebben.

0:04:01.821,0:04:04.212
Zo werkt de computer ook.

0:04:04.212,0:04:06.544
Je kan gewoon de naam van het commando typen,

0:04:06.544,0:04:08.876
haakje openen,

0:04:08.876,0:04:13.868
de vier nummers, 100, 200, 150 en dan 50,

0:04:13.868,0:04:16.428
haakje sluiten en dan een puntkomma.

0:04:16.428,0:04:18.020
En hij zal een rechthoek tekenen

0:04:18.020,0:04:20.502
precies waar we hem wilden hebben!

0:04:20.502,0:04:22.542
Nou, als we eerlijk zijn naar onszelf,

0:04:22.542,0:04:24.392
dat is niet precies waar we de rechthoek wilden.

0:04:24.392,0:04:25.912
Dat is niet waar we hem hadden getekend,

0:04:25.912,0:04:27.773
Onze nummers zaten er een beetje naast.

0:04:27.773,0:04:30.495
Laten we de rechthoek exact overeenkomen

0:04:30.495,0:04:31.867
met wat we hebben getekend.

0:04:31.867,0:04:34.582
We bewegen hem een stukje naar rechts,

0:04:34.582,0:04:36.959
een beetje minder van boven naar beneden

0:04:36.959,0:04:39.996
een klein beetje dunner

0:04:39.996,0:04:43.212
en misschien ook een klein beetje korter.

0:04:43.212,0:04:45.008
Nu hebben we een rechthoek

0:04:45.008,0:04:47.364
die er ongeveer uit ziet als wat we hadden getekend,

0:04:47.364,0:04:50.310
omdat we begrepen wat elk van deze nummers betekenden,

0:04:50.310,0:04:51.989
konden we ze gewoon konden veranderen

0:04:51.989,0:04:53.778
om te krijgen wat we wilden.

0:04:53.778,0:04:54.907
Laten we nu een andere rechthoek tekenen.

0:04:54.907,0:04:59.159
We kunnen nu overal rechthoeken tekenen!

0:04:59.159,0:05:01.993
Wat denk je van een rechthoek in de linkerbovenhoek,

0:05:01.993,0:05:03.667
helemaal hier boven?

0:05:03.667,0:05:06.191
Laten we bedenken waar dat zal zijn.

0:05:06.191,0:05:08.899
Dat zal 0 in de breedte zijn,

0:05:08.899,0:05:10.298
0 op en neer en dan misschien,...

0:05:10.298,0:05:15.217
ik wil een kleintje, dus 50 breed en 10 hoog.

0:05:15.217,0:05:18.665
Laten we dat gewoon doen.

0:05:18.665,0:05:20.084
We typen rect,

0:05:20.084,0:05:23.210
we scheiden de parameters door komma's

0:05:23.210,0:05:26.326
en we hebben het zo echt cool.

0:05:26.326,0:05:27.400
Wel, niet zo cool,

0:05:27.400,0:05:28.952
we krijgen deze foutmelding

0:05:28.952,0:05:31.317
die zegt dat we een haakje missen,

0:05:31.317,0:05:33.444
en we zien dat we die waren vergeten,

0:05:33.444,0:05:35.231
dus we voegen die er aan toe.

0:05:35.231,0:05:36.123
Maar oh nee,

0:05:36.123,0:05:38.315
nu krijgen we een andere melding

0:05:38.315,0:05:40.237
die zegt dat we een puntkomma missen.

0:05:40.237,0:05:42.126
Als we op "Show me where" drukken,

0:05:42.126,0:05:44.555
wijst hij naar de regel die we net hebben geschreven...

0:05:44.555,0:05:46.703
... en we herinneren dat puntkomma's

0:05:46.703,0:05:48.359
net als punten aan het eind van een zin zijn,

0:05:48.359,0:05:49.459
maar dan aan het eind van code,

0:05:49.459,0:05:50.759
en we zijn er een vergeten.

0:05:50.759,0:05:52.474
We kunnen hem terug zetten,

0:05:52.474,0:05:53.169
Simpel!

0:05:53.169,0:05:54.452
een kleine rechthoek,

0:05:54.452,0:05:55.985
precies zo als we wilden.

0:05:55.985,0:05:58.708
Net als hiervoor kunnen we hem laten groeien,

0:05:58.708,0:06:01.356
we kunnen hem verplaatsen

0:06:01.356,0:06:03.814
en op precies de plek zetten waar we hem willen.

0:06:03.814,0:06:06.534
Nu weet je in detail hoe "rect" werkt.

0:06:06.534,0:06:08.552
We weten waar die nummers voor zijn,

0:06:08.552,0:06:11.230
dat je de naam van het commando nodig hebt,

0:06:11.230,0:06:13.977
de haakjes, hoe de komma's de nummers scheiden

0:06:13.977,0:06:15.254
en de puntkomma aan het eind.

0:06:15.254,0:06:16.259
Het lijkt veel,

0:06:16.259,0:06:17.422
maar ga je gang en

0:06:17.422,0:06:19.345
en probeer er gevoel voor te krijgen.

0:06:19.345,0:06:20.197
De volgende keer

0:06:20.197,0:06:21.850
leren we meer vormen

0:06:21.850,0:06:23.720
en dan gaan we geweldige dingen doen

0:06:23.720,0:06:24.940
zoals ze kleuren

0:06:24.940,0:06:26.310
en ze over het scherm laten vliegen.