WEBVTT

00:00:01.300 --> 00:00:02.782
Laten we beginnen met programmeren

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

00:00:05.468 --> 00:00:06.664
Maar geen zorgen,

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

00:00:09.113 --> 00:00:11.272
veranderen van kleur en andere coole dingen.

00:00:11.272 --> 00:00:12.802
Blijf gewoon even bij ons!

00:00:12.802 --> 00:00:14.696
We beginnen met rechthoeken te tekenen.

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

00:00:16.433 --> 00:00:17.798
dan haakje openen

00:00:17.798 --> 00:00:19.474
en dan vier getallen

00:00:19.474 --> 00:00:20.990
die ik zo zal uitleggen

00:00:20.990 --> 00:00:21.911
... dan een haakje sluiten

00:00:21.911 --> 00:00:24.112
en aan het einde een puntkomma.

00:00:24.112 --> 00:00:25.645
Kijk, geweldig, een rechthoek!

00:00:25.645 --> 00:00:26.847
En dat was goed,

00:00:26.847 --> 00:00:28.275
dus dat doen we nog eens.

00:00:28.275 --> 00:00:29.983
Deze keer kunnen we andere nummers gebruiken.

00:00:29.983 --> 00:00:32.329
Misschien grotere nummers,

00:00:32.329 --> 00:00:34.850
en dan kleinere nummers aan het eind en kijk

00:00:34.850 --> 00:00:36.201
een andere rechthoek.

00:00:36.201 --> 00:00:36.866
In feite,

00:00:36.866 --> 00:00:38.966
als we proberen dit eerste getal te veranderen

00:00:38.966 --> 00:00:41.426
door hem kleiner te maken begint hij te bewegen.

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

00:00:44.802 --> 00:00:46.709
dan gaat hij groeien en dan krimpen.

00:00:46.709 --> 00:00:47.706
Interessant.

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

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

00:00:55.490 --> 00:00:56.561
Met een hond,

00:00:56.561 --> 00:00:57.599
misschien kunnen we hem vertellen

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

00:00:59.977 --> 00:01:02.155
Je hoeft alleen een commando te geven.

00:01:02.155 --> 00:01:03.081
Dus in code,

00:01:03.081 --> 00:01:06.017
hoe zou je je computerhond vertellen te zitten?

00:01:06.017 --> 00:01:08.404
Nou, de manier om dat te doen is

00:01:08.404 --> 00:01:10.465
door de naam van het commando te schrijven,

00:01:10.465 --> 00:01:11.272
bijvoorbeeld "zit",

00:01:11.272 --> 00:01:13.704
en dan twee haakjes om te zeggen:

00:01:13.704 --> 00:01:15.676
"voer dit commando uit"

00:01:15.676 --> 00:01:17.154
en dan een puntkomma aan het einde

00:01:17.154 --> 00:01:18.252
alleen om te zeggen

00:01:18.252 --> 00:01:19.630
"He, yeah, dit commando is voorbij."

00:01:19.630 --> 00:01:22.249
En dan zal je computerhond gaan zitten.

00:01:22.249 --> 00:01:22.758
Nou natuurlijk...,

00:01:22.758 --> 00:01:25.288
is je computer op Khan Academy geen hond,

00:01:25.288 --> 00:01:27.802
dus weet hij niet hoe hij moet zitten of rollen,

00:01:27.802 --> 00:01:29.884
maar hij weet wel hoe hij rechthoeken

00:01:29.884 --> 00:01:31.446
kan tekenen als je rect() zegt

00:01:31.446 --> 00:01:32.636
en dat is toch ook best goed?

00:01:32.636 --> 00:01:33.566
Hoe dan ook,

00:01:33.566 --> 00:01:35.519
dat is wat we gaan doen op deze regel.

00:01:35.519 --> 00:01:37.198
We noemen het commando rect(),

00:01:37.198 --> 00:01:38.460
wat gewoon de naam is,

00:01:38.460 --> 00:01:40.818
en daarna haakje openen en haakje sluiten

00:01:40.818 --> 00:01:41.957
om te zeggen "ga dat doen",

00:01:41.957 --> 00:01:43.066
en dan een puntkomma aan het einde.

00:01:43.066 --> 00:01:44.988
Dat is hoe je computer weet dat hij

00:01:44.988 --> 00:01:47.010
dit speciale kunstje rect te doen

00:01:47.010 --> 00:01:49.624
Oké, dus nu terug naar onze rechthoek

00:01:49.624 --> 00:01:51.869
We hebben het commando hier,

00:01:51.869 --> 00:01:53.574
we hebben de haakjes.

00:01:53.574 --> 00:01:56.065
Hoe zit het met al deze rare nummers?

00:01:56.065 --> 00:02:01.173
de computer weet niet genoeg met alleen rect.

00:02:01.173 --> 00:02:02.963
Om dit te zien,

00:02:02.963 --> 00:02:04.753
stel je voor dat ik je een stuk papier geef en

00:02:04.753 --> 00:02:07.535
ik wil dat je er een rechthoek op tekent

00:02:07.535 --> 00:02:09.601
precies zoals ik dat wil.

00:02:09.601 --> 00:02:11.661
Nou, tenzij je mijn gedachte kan lezen,

00:02:11.661 --> 00:02:15.161
zal je meteen wat vragen hebben.

00:02:15.161 --> 00:02:16.844
Als eerste zal je je afvragen:

00:02:16.844 --> 00:02:19.617
"Waar wil je dat ik de rechthoek teken?"

00:02:19.617 --> 00:02:21.564
En dan zal ik zeggen:

00:02:21.564 --> 00:02:23.831
"Wat dacht je ervan dat we afspreken dat

00:02:23.831 --> 00:02:27.219
we de linkerkant van het papier gewoon 0 noemen."

00:02:27.219 --> 00:02:30.047
En laten we afspreken dat de rechterkant 400 is.

00:02:30.047 --> 00:02:31.887
Dan kan ik je een nummer geven,

00:02:31.887 --> 00:02:33.217
bijvoorbeeld 100, en

00:02:33.217 --> 00:02:37.379
dan weet je dat dat ongeveer hier zal zijn.

00:02:37.379 --> 00:02:38.743
Dat zal je even tevreden stellen,

00:02:38.743 --> 00:02:39.868
maar dan denk je:

00:02:39.868 --> 00:02:41.703
nu weet ik hoe ver naar rechts,

00:02:41.703 --> 00:02:43.789
maar hoe ver naar boven en beneden?

NOTE Paragraph

00:02:43.789 --> 00:02:45.513
Dan kan ik je nog een nummer geven,

00:02:45.513 --> 00:02:47.463
bijvoorbeeld 200,

00:02:47.463 --> 00:02:50.213
en dan zal ik zeggen dat de top 0 is en

00:02:50.213 --> 00:02:52.683
de onderkant weer 400,

00:02:52.683 --> 00:02:54.157
waarna je zult zeggen, nou,

00:02:54.157 --> 00:02:57.977
200 zal precies in het midden zitten.

00:02:57.977 --> 00:02:59.090
En dat is perfect.,

00:02:59.090 --> 00:03:02.703
omdat je nu denkt dat je de rechthoek precies hier gaat tekenen...

00:03:02.703 --> 00:03:05.556
... omdat het 100 naar rechts is en 200 naar beneden.

00:03:05.556 --> 00:03:08.119
Echter is dat nog steeds niet genoeg,

00:03:08.119 --> 00:03:10.252
want wat vraag je nu?

00:03:10.252 --> 00:03:12.386
Je vraagt je af, hoe groot wil je de rechthoek?

00:03:12.386 --> 00:03:17.036
Ik zou zeggen, wat dacht je van 150 breed?

00:03:17.036 --> 00:03:18.972
En je denkt, nou,

00:03:18.972 --> 00:03:21.122
dit is 100 en dit is 400,

00:03:21.122 --> 00:03:23.222
dus als we hem 150 breed willen,

00:03:23.222 --> 00:03:26.204
dan gaan we ongeveer hier zitten.

00:03:26.204 --> 00:03:29.254
Oké, cool, dat is ongeveer 150 breed.

00:03:29.254 --> 00:03:31.458
En daarna vraag je, hoe hoog wil je hem hebben?

00:03:31.458 --> 00:03:33.468
En ik zal zeggen: "Wat dacht je van 50 hoog?"

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

00:03:37.527 --> 00:03:38.977
Nu zal je zeggen:

00:03:38.977 --> 00:03:41.247
"Gaaf, ik weet precies waar je je rechthoek wilt hebben

00:03:41.247 --> 00:03:42.889
hoe hij er uit moet zien.

00:03:42.889 --> 00:03:44.975
Nu kan ik hem tekenen."

00:03:44.975 --> 00:03:47.449
Dat is een boel werk voor een rechthoek, of niet?

00:03:47.449 --> 00:03:49.033
Maar het idee is dat

00:03:49.033 --> 00:03:51.536
omdat ik je deze vier nummers geef,

00:03:51.536 --> 00:03:53.009
100 in de breedte,

00:03:53.009 --> 00:03:54.803
200 naar beneden,

00:03:54.803 --> 00:03:58.377
150 breed en 50 hoog,

00:03:58.377 --> 00:04:01.821
we nu precies hetzelfde beeld in gedachte hebben.

00:04:01.821 --> 00:04:04.212
Zo werkt de computer ook.

00:04:04.212 --> 00:04:06.544
Je kan gewoon de naam van het commando typen,

00:04:06.544 --> 00:04:08.876
haakje openen,

00:04:08.876 --> 00:04:13.868
de vier nummers, 100, 200, 150 en dan 50,

00:04:13.868 --> 00:04:16.428
haakje sluiten en dan een puntkomma.

00:04:16.428 --> 00:04:18.020
En hij zal een rechthoek tekenen

00:04:18.020 --> 00:04:20.502
precies waar we hem wilden hebben!

00:04:20.502 --> 00:04:22.542
Nou, als we eerlijk zijn naar onszelf,

00:04:22.542 --> 00:04:24.392
dat is niet precies waar we de rechthoek wilden.

00:04:24.392 --> 00:04:25.912
Dat is niet waar we hem hadden getekend,

00:04:25.912 --> 00:04:27.773
Onze nummers zaten er een beetje naast.

00:04:27.773 --> 00:04:30.495
Laten we de rechthoek exact overeenkomen

00:04:30.495 --> 00:04:31.867
met wat we hebben getekend.

00:04:31.867 --> 00:04:34.582
We bewegen hem een stukje naar rechts,

00:04:34.582 --> 00:04:36.959
een beetje minder van boven naar beneden

00:04:36.959 --> 00:04:39.996
een klein beetje dunner

00:04:39.996 --> 00:04:43.212
en misschien ook een klein beetje korter.

00:04:43.212 --> 00:04:45.008
Nu hebben we een rechthoek

00:04:45.008 --> 00:04:47.364
die er ongeveer uit ziet als wat we hadden getekend,

00:04:47.364 --> 00:04:50.310
omdat we begrepen wat elk van deze nummers betekenden,

00:04:50.310 --> 00:04:51.989
konden we ze gewoon konden veranderen

00:04:51.989 --> 00:04:53.778
om te krijgen wat we wilden.

00:04:53.778 --> 00:04:54.907
Laten we nu een andere rechthoek tekenen.

00:04:54.907 --> 00:04:59.159
We kunnen nu overal rechthoeken tekenen!

00:04:59.159 --> 00:05:01.993
Wat denk je van een rechthoek in de linkerbovenhoek,

00:05:01.993 --> 00:05:03.667
helemaal hier boven?

00:05:03.667 --> 00:05:06.191
Laten we bedenken waar dat zal zijn.

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

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

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

00:05:15.217 --> 00:05:18.665
Laten we dat gewoon doen.

00:05:18.665 --> 00:05:20.084
We typen rect,

00:05:20.084 --> 00:05:23.210
we scheiden de parameters door komma's

00:05:23.210 --> 00:05:26.326
en we hebben het zo echt cool.

00:05:26.326 --> 00:05:27.400
Wel, niet zo cool,

00:05:27.400 --> 00:05:28.952
we krijgen deze foutmelding

00:05:28.952 --> 00:05:31.317
die zegt dat we een haakje missen,

00:05:31.317 --> 00:05:33.444
en we zien dat we die waren vergeten,

00:05:33.444 --> 00:05:35.231
dus we voegen die er aan toe.

00:05:35.231 --> 00:05:36.123
Maar oh nee,

00:05:36.123 --> 00:05:38.315
nu krijgen we een andere melding

00:05:38.315 --> 00:05:40.237
die zegt dat we een puntkomma missen.

00:05:40.237 --> 00:05:42.126
Als we op "Show me where" drukken,

00:05:42.126 --> 00:05:44.555
wijst hij naar de regel die we net hebben geschreven...

00:05:44.555 --> 00:05:46.703
... en we herinneren dat puntkomma's

00:05:46.703 --> 00:05:48.359
net als punten aan het eind van een zin zijn,

00:05:48.359 --> 00:05:49.459
maar dan aan het eind van code,

00:05:49.459 --> 00:05:50.759
en we zijn er een vergeten.

00:05:50.759 --> 00:05:52.474
We kunnen hem terug zetten,

00:05:52.474 --> 00:05:53.169
Simpel!

00:05:53.169 --> 00:05:54.452
een kleine rechthoek,

00:05:54.452 --> 00:05:55.985
precies zo als we wilden.

00:05:55.985 --> 00:05:58.708
Net als hiervoor kunnen we hem laten groeien,

00:05:58.708 --> 00:06:01.356
we kunnen hem verplaatsen

00:06:01.356 --> 00:06:03.814
en op precies de plek zetten waar we hem willen.

00:06:03.814 --> 00:06:06.534
Nu weet je in detail hoe "rect" werkt.

00:06:06.534 --> 00:06:08.552
We weten waar die nummers voor zijn,

00:06:08.552 --> 00:06:11.230
dat je de naam van het commando nodig hebt,

00:06:11.230 --> 00:06:13.977
de haakjes, hoe de komma's de nummers scheiden

00:06:13.977 --> 00:06:15.254
en de puntkomma aan het eind.

00:06:15.254 --> 00:06:16.259
Het lijkt veel,

00:06:16.259 --> 00:06:17.422
maar ga je gang en

00:06:17.422 --> 00:06:19.345
en probeer er gevoel voor te krijgen.

00:06:19.345 --> 00:06:20.197
De volgende keer

00:06:20.197 --> 00:06:21.850
leren we meer vormen

00:06:21.850 --> 00:06:23.720
en dan gaan we geweldige dingen doen

00:06:23.720 --> 00:06:24.940
zoals ze kleuren

00:06:24.940 --> 00:06:26.310
en ze over het scherm laten vliegen.