[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.30,0:00:02.78,Default,,0000,0000,0000,,Laten we beginnen met programmeren
Dialogue: 0,0:00:02.78,0:00:05.47,Default,,0000,0000,0000,,We moeten eerst figuren begrijpen, de basis.
Dialogue: 0,0:00:05.47,0:00:06.66,Default,,0000,0000,0000,,Maar geen zorgen,
Dialogue: 0,0:00:06.66,0:00:09.11,Default,,0000,0000,0000,,snel genoeg vliegen je figuren over het scherm,
Dialogue: 0,0:00:09.11,0:00:11.27,Default,,0000,0000,0000,,veranderen van kleur en andere coole dingen.
Dialogue: 0,0:00:11.27,0:00:12.80,Default,,0000,0000,0000,,Blijf gewoon even bij ons!
Dialogue: 0,0:00:12.80,0:00:14.70,Default,,0000,0000,0000,,We beginnen met rechthoeken te tekenen.
Dialogue: 0,0:00:14.70,0:00:16.43,Default,,0000,0000,0000,,We typen "rect()" voor rechthoek,
Dialogue: 0,0:00:16.43,0:00:17.80,Default,,0000,0000,0000,,dan haakje openen
Dialogue: 0,0:00:17.80,0:00:19.47,Default,,0000,0000,0000,,en dan vier getallen
Dialogue: 0,0:00:19.47,0:00:20.99,Default,,0000,0000,0000,,die ik zo zal uitleggen
Dialogue: 0,0:00:20.99,0:00:21.91,Default,,0000,0000,0000,,... dan een haakje sluiten
Dialogue: 0,0:00:21.91,0:00:24.11,Default,,0000,0000,0000,,en aan het einde een puntkomma.
Dialogue: 0,0:00:24.11,0:00:25.64,Default,,0000,0000,0000,,Kijk, geweldig, een rechthoek!
Dialogue: 0,0:00:25.64,0:00:26.85,Default,,0000,0000,0000,,En dat was goed,
Dialogue: 0,0:00:26.85,0:00:28.28,Default,,0000,0000,0000,,dus dat doen we nog eens.
Dialogue: 0,0:00:28.28,0:00:29.98,Default,,0000,0000,0000,,Deze keer kunnen we andere nummers gebruiken.
Dialogue: 0,0:00:29.98,0:00:32.33,Default,,0000,0000,0000,,Misschien grotere nummers,
Dialogue: 0,0:00:32.33,0:00:34.85,Default,,0000,0000,0000,,en dan kleinere nummers aan het eind en kijk
Dialogue: 0,0:00:34.85,0:00:36.20,Default,,0000,0000,0000,,een andere rechthoek.
Dialogue: 0,0:00:36.20,0:00:36.87,Default,,0000,0000,0000,,In feite,
Dialogue: 0,0:00:36.87,0:00:38.97,Default,,0000,0000,0000,,als we proberen dit eerste getal te veranderen
Dialogue: 0,0:00:38.97,0:00:41.43,Default,,0000,0000,0000,,door hem kleiner te maken begint hij te bewegen.
Dialogue: 0,0:00:41.43,0:00:44.80,Default,,0000,0000,0000,,Als we dit laatste nummer groter en kleiner maken,
Dialogue: 0,0:00:44.80,0:00:46.71,Default,,0000,0000,0000,,dan gaat hij groeien en dan krimpen.
Dialogue: 0,0:00:46.71,0:00:47.71,Default,,0000,0000,0000,,Interessant.
Dialogue: 0,0:00:47.71,0:00:50.86,Default,,0000,0000,0000,,Dus hoe gebeurt al deze magie, vraag je je af?
Dialogue: 0,0:00:50.86,0:00:55.49,Default,,0000,0000,0000,,Nou, onthoud dat je computer gewoon een slimme en gehoorzame hond is.
Dialogue: 0,0:00:55.49,0:00:56.56,Default,,0000,0000,0000,,Met een hond,
Dialogue: 0,0:00:56.56,0:00:57.60,Default,,0000,0000,0000,,misschien kunnen we hem vertellen
Dialogue: 0,0:00:57.60,0:00:59.98,Default,,0000,0000,0000,,te zitten, te blijven of zelfs te rollen.
Dialogue: 0,0:00:59.98,0:01:02.16,Default,,0000,0000,0000,,Je hoeft alleen een commando te geven.
Dialogue: 0,0:01:02.16,0:01:03.08,Default,,0000,0000,0000,,Dus in code,
Dialogue: 0,0:01:03.08,0:01:06.02,Default,,0000,0000,0000,,hoe zou je je computerhond vertellen te zitten?
Dialogue: 0,0:01:06.02,0:01:08.40,Default,,0000,0000,0000,,Nou, de manier om dat te doen is
Dialogue: 0,0:01:08.40,0:01:10.46,Default,,0000,0000,0000,,door de naam van het commando te schrijven,
Dialogue: 0,0:01:10.46,0:01:11.27,Default,,0000,0000,0000,,bijvoorbeeld "zit",
Dialogue: 0,0:01:11.27,0:01:13.70,Default,,0000,0000,0000,,en dan twee haakjes om te zeggen:
Dialogue: 0,0:01:13.70,0:01:15.68,Default,,0000,0000,0000,,"voer dit commando uit"
Dialogue: 0,0:01:15.68,0:01:17.15,Default,,0000,0000,0000,,en dan een puntkomma aan het einde
Dialogue: 0,0:01:17.15,0:01:18.25,Default,,0000,0000,0000,,alleen om te zeggen
Dialogue: 0,0:01:18.25,0:01:19.63,Default,,0000,0000,0000,,"He, yeah, dit commando is voorbij."
Dialogue: 0,0:01:19.63,0:01:22.25,Default,,0000,0000,0000,,En dan zal je computerhond gaan zitten.
Dialogue: 0,0:01:22.25,0:01:22.76,Default,,0000,0000,0000,,Nou natuurlijk...,
Dialogue: 0,0:01:22.76,0:01:25.29,Default,,0000,0000,0000,,is je computer op Khan Academy geen hond,
Dialogue: 0,0:01:25.29,0:01:27.80,Default,,0000,0000,0000,,dus weet hij niet hoe hij moet zitten of rollen,
Dialogue: 0,0:01:27.80,0:01:29.88,Default,,0000,0000,0000,,maar hij weet wel hoe hij rechthoeken
Dialogue: 0,0:01:29.88,0:01:31.45,Default,,0000,0000,0000,,kan tekenen als je rect() zegt
Dialogue: 0,0:01:31.45,0:01:32.64,Default,,0000,0000,0000,,en dat is toch ook best goed?
Dialogue: 0,0:01:32.64,0:01:33.57,Default,,0000,0000,0000,,Hoe dan ook,
Dialogue: 0,0:01:33.57,0:01:35.52,Default,,0000,0000,0000,,dat is wat we gaan doen op deze regel.
Dialogue: 0,0:01:35.52,0:01:37.20,Default,,0000,0000,0000,,We noemen het commando rect(),
Dialogue: 0,0:01:37.20,0:01:38.46,Default,,0000,0000,0000,,wat gewoon de naam is,
Dialogue: 0,0:01:38.46,0:01:40.82,Default,,0000,0000,0000,,en daarna haakje openen en haakje sluiten
Dialogue: 0,0:01:40.82,0:01:41.96,Default,,0000,0000,0000,,om te zeggen "ga dat doen",
Dialogue: 0,0:01:41.96,0:01:43.07,Default,,0000,0000,0000,,en dan een puntkomma aan het einde.
Dialogue: 0,0:01:43.07,0:01:44.99,Default,,0000,0000,0000,,Dat is hoe je computer weet dat hij
Dialogue: 0,0:01:44.99,0:01:47.01,Default,,0000,0000,0000,,dit speciale kunstje rect te doen
Dialogue: 0,0:01:47.01,0:01:49.62,Default,,0000,0000,0000,,Oké, dus nu terug naar onze rechthoek
Dialogue: 0,0:01:49.62,0:01:51.87,Default,,0000,0000,0000,,We hebben het commando hier,
Dialogue: 0,0:01:51.87,0:01:53.57,Default,,0000,0000,0000,,we hebben de haakjes.
Dialogue: 0,0:01:53.57,0:01:56.06,Default,,0000,0000,0000,,Hoe zit het met al deze rare nummers?
Dialogue: 0,0:01:56.06,0:02:01.17,Default,,0000,0000,0000,,de computer weet niet genoeg met alleen rect.
Dialogue: 0,0:02:01.17,0:02:02.96,Default,,0000,0000,0000,,Om dit te zien,
Dialogue: 0,0:02:02.96,0:02:04.75,Default,,0000,0000,0000,,stel je voor dat ik je een stuk papier geef en
Dialogue: 0,0:02:04.75,0:02:07.54,Default,,0000,0000,0000,,ik wil dat je er een rechthoek op tekent
Dialogue: 0,0:02:07.54,0:02:09.60,Default,,0000,0000,0000,,precies zoals ik dat wil.
Dialogue: 0,0:02:09.60,0:02:11.66,Default,,0000,0000,0000,,Nou, tenzij je mijn gedachte kan lezen,
Dialogue: 0,0:02:11.66,0:02:15.16,Default,,0000,0000,0000,,zal je meteen wat vragen hebben.
Dialogue: 0,0:02:15.16,0:02:16.84,Default,,0000,0000,0000,,Als eerste zal je je afvragen:
Dialogue: 0,0:02:16.84,0:02:19.62,Default,,0000,0000,0000,,"Waar wil je dat ik de rechthoek teken?"
Dialogue: 0,0:02:19.62,0:02:21.56,Default,,0000,0000,0000,,En dan zal ik zeggen:
Dialogue: 0,0:02:21.56,0:02:23.83,Default,,0000,0000,0000,,"Wat dacht je ervan dat we afspreken dat
Dialogue: 0,0:02:23.83,0:02:27.22,Default,,0000,0000,0000,,we de linkerkant van het papier gewoon 0 noemen."
Dialogue: 0,0:02:27.22,0:02:30.05,Default,,0000,0000,0000,,En laten we afspreken dat de rechterkant 400 is.
Dialogue: 0,0:02:30.05,0:02:31.89,Default,,0000,0000,0000,,Dan kan ik je een nummer geven,
Dialogue: 0,0:02:31.89,0:02:33.22,Default,,0000,0000,0000,,bijvoorbeeld 100, en
Dialogue: 0,0:02:33.22,0:02:37.38,Default,,0000,0000,0000,,dan weet je dat dat ongeveer hier zal zijn.
Dialogue: 0,0:02:37.38,0:02:38.74,Default,,0000,0000,0000,,Dat zal je even tevreden stellen,
Dialogue: 0,0:02:38.74,0:02:39.87,Default,,0000,0000,0000,,maar dan denk je:
Dialogue: 0,0:02:39.87,0:02:41.70,Default,,0000,0000,0000,,nu weet ik hoe ver naar rechts,
Dialogue: 0,0:02:41.70,0:02:43.79,Default,,0000,0000,0000,,maar hoe ver naar boven en beneden?
Dialogue: 0,0:02:43.79,0:02:45.51,Default,,0000,0000,0000,,Dan kan ik je nog een nummer geven,
Dialogue: 0,0:02:45.51,0:02:47.46,Default,,0000,0000,0000,,bijvoorbeeld 200,
Dialogue: 0,0:02:47.46,0:02:50.21,Default,,0000,0000,0000,,en dan zal ik zeggen dat de top 0 is en
Dialogue: 0,0:02:50.21,0:02:52.68,Default,,0000,0000,0000,,de onderkant weer 400,
Dialogue: 0,0:02:52.68,0:02:54.16,Default,,0000,0000,0000,,waarna je zult zeggen, nou,
Dialogue: 0,0:02:54.16,0:02:57.98,Default,,0000,0000,0000,,200 zal precies in het midden zitten.
Dialogue: 0,0:02:57.98,0:02:59.09,Default,,0000,0000,0000,,En dat is perfect.,
Dialogue: 0,0:02:59.09,0:03:02.70,Default,,0000,0000,0000,,omdat je nu denkt dat je de rechthoek precies hier gaat tekenen...
Dialogue: 0,0:03:02.70,0:03:05.56,Default,,0000,0000,0000,,... omdat het 100 naar rechts is en 200 naar beneden.
Dialogue: 0,0:03:05.56,0:03:08.12,Default,,0000,0000,0000,,Echter is dat nog steeds niet genoeg,
Dialogue: 0,0:03:08.12,0:03:10.25,Default,,0000,0000,0000,,want wat vraag je nu?
Dialogue: 0,0:03:10.25,0:03:12.39,Default,,0000,0000,0000,,Je vraagt je af, hoe groot wil je de rechthoek?
Dialogue: 0,0:03:12.39,0:03:17.04,Default,,0000,0000,0000,,Ik zou zeggen, wat dacht je van 150 breed?
Dialogue: 0,0:03:17.04,0:03:18.97,Default,,0000,0000,0000,,En je denkt, nou,
Dialogue: 0,0:03:18.97,0:03:21.12,Default,,0000,0000,0000,,dit is 100 en dit is 400,
Dialogue: 0,0:03:21.12,0:03:23.22,Default,,0000,0000,0000,,dus als we hem 150 breed willen,
Dialogue: 0,0:03:23.22,0:03:26.20,Default,,0000,0000,0000,,dan gaan we ongeveer hier zitten.
Dialogue: 0,0:03:26.20,0:03:29.25,Default,,0000,0000,0000,,Oké, cool, dat is ongeveer 150 breed.
Dialogue: 0,0:03:29.25,0:03:31.46,Default,,0000,0000,0000,,En daarna vraag je, hoe hoog wil je hem hebben?
Dialogue: 0,0:03:31.46,0:03:33.47,Default,,0000,0000,0000,,En ik zal zeggen: "Wat dacht je van 50 hoog?"
Dialogue: 0,0:03:33.47,0:03:37.53,Default,,0000,0000,0000,,Je zal zeggen, oké, dat is ongeveer zo hoog.
Dialogue: 0,0:03:37.53,0:03:38.98,Default,,0000,0000,0000,,Nu zal je zeggen:
Dialogue: 0,0:03:38.98,0:03:41.25,Default,,0000,0000,0000,,"Gaaf, ik weet precies waar je je rechthoek wilt hebben
Dialogue: 0,0:03:41.25,0:03:42.89,Default,,0000,0000,0000,,hoe hij er uit moet zien.
Dialogue: 0,0:03:42.89,0:03:44.98,Default,,0000,0000,0000,,Nu kan ik hem tekenen."
Dialogue: 0,0:03:44.98,0:03:47.45,Default,,0000,0000,0000,,Dat is een boel werk voor een rechthoek, of niet?
Dialogue: 0,0:03:47.45,0:03:49.03,Default,,0000,0000,0000,,Maar het idee is dat
Dialogue: 0,0:03:49.03,0:03:51.54,Default,,0000,0000,0000,,omdat ik je deze vier nummers geef,
Dialogue: 0,0:03:51.54,0:03:53.01,Default,,0000,0000,0000,,100 in de breedte,
Dialogue: 0,0:03:53.01,0:03:54.80,Default,,0000,0000,0000,,200 naar beneden,
Dialogue: 0,0:03:54.80,0:03:58.38,Default,,0000,0000,0000,,150 breed en 50 hoog,
Dialogue: 0,0:03:58.38,0:04:01.82,Default,,0000,0000,0000,,we nu precies hetzelfde beeld in gedachte hebben.
Dialogue: 0,0:04:01.82,0:04:04.21,Default,,0000,0000,0000,,Zo werkt de computer ook.
Dialogue: 0,0:04:04.21,0:04:06.54,Default,,0000,0000,0000,,Je kan gewoon de naam van het commando typen,
Dialogue: 0,0:04:06.54,0:04:08.88,Default,,0000,0000,0000,,haakje openen,
Dialogue: 0,0:04:08.88,0:04:13.87,Default,,0000,0000,0000,,de vier nummers, 100, 200, 150 en dan 50,
Dialogue: 0,0:04:13.87,0:04:16.43,Default,,0000,0000,0000,,haakje sluiten en dan een puntkomma.
Dialogue: 0,0:04:16.43,0:04:18.02,Default,,0000,0000,0000,,En hij zal een rechthoek tekenen
Dialogue: 0,0:04:18.02,0:04:20.50,Default,,0000,0000,0000,,precies waar we hem wilden hebben!
Dialogue: 0,0:04:20.50,0:04:22.54,Default,,0000,0000,0000,,Nou, als we eerlijk zijn naar onszelf,
Dialogue: 0,0:04:22.54,0:04:24.39,Default,,0000,0000,0000,,dat is niet precies waar we de rechthoek wilden.
Dialogue: 0,0:04:24.39,0:04:25.91,Default,,0000,0000,0000,,Dat is niet waar we hem hadden getekend,
Dialogue: 0,0:04:25.91,0:04:27.77,Default,,0000,0000,0000,,Onze nummers zaten er een beetje naast.
Dialogue: 0,0:04:27.77,0:04:30.50,Default,,0000,0000,0000,,Laten we de rechthoek exact overeenkomen
Dialogue: 0,0:04:30.50,0:04:31.87,Default,,0000,0000,0000,,met wat we hebben getekend.
Dialogue: 0,0:04:31.87,0:04:34.58,Default,,0000,0000,0000,,We bewegen hem een stukje naar rechts,
Dialogue: 0,0:04:34.58,0:04:36.96,Default,,0000,0000,0000,,een beetje minder van boven naar beneden
Dialogue: 0,0:04:36.96,0:04:39.100,Default,,0000,0000,0000,,een klein beetje dunner
Dialogue: 0,0:04:39.100,0:04:43.21,Default,,0000,0000,0000,,en misschien ook een klein beetje korter.
Dialogue: 0,0:04:43.21,0:04:45.01,Default,,0000,0000,0000,,Nu hebben we een rechthoek
Dialogue: 0,0:04:45.01,0:04:47.36,Default,,0000,0000,0000,,die er ongeveer uit ziet als wat we hadden getekend,
Dialogue: 0,0:04:47.36,0:04:50.31,Default,,0000,0000,0000,,omdat we begrepen wat elk van deze nummers betekenden,
Dialogue: 0,0:04:50.31,0:04:51.99,Default,,0000,0000,0000,,konden we ze gewoon konden veranderen
Dialogue: 0,0:04:51.99,0:04:53.78,Default,,0000,0000,0000,,om te krijgen wat we wilden.
Dialogue: 0,0:04:53.78,0:04:54.91,Default,,0000,0000,0000,,Laten we nu een andere rechthoek tekenen.
Dialogue: 0,0:04:54.91,0:04:59.16,Default,,0000,0000,0000,,We kunnen nu overal rechthoeken tekenen!
Dialogue: 0,0:04:59.16,0:05:01.99,Default,,0000,0000,0000,,Wat denk je van een rechthoek in de linkerbovenhoek,
Dialogue: 0,0:05:01.99,0:05:03.67,Default,,0000,0000,0000,,helemaal hier boven?
Dialogue: 0,0:05:03.67,0:05:06.19,Default,,0000,0000,0000,,Laten we bedenken waar dat zal zijn.
Dialogue: 0,0:05:06.19,0:05:08.90,Default,,0000,0000,0000,,Dat zal 0 in de breedte zijn,
Dialogue: 0,0:05:08.90,0:05:10.30,Default,,0000,0000,0000,,0 op en neer en dan misschien,...
Dialogue: 0,0:05:10.30,0:05:15.22,Default,,0000,0000,0000,,ik wil een kleintje, dus 50 breed en 10 hoog.
Dialogue: 0,0:05:15.22,0:05:18.66,Default,,0000,0000,0000,,Laten we dat gewoon doen.
Dialogue: 0,0:05:18.66,0:05:20.08,Default,,0000,0000,0000,,We typen rect,
Dialogue: 0,0:05:20.08,0:05:23.21,Default,,0000,0000,0000,,we scheiden de parameters door komma's
Dialogue: 0,0:05:23.21,0:05:26.33,Default,,0000,0000,0000,,en we hebben het zo echt cool.
Dialogue: 0,0:05:26.33,0:05:27.40,Default,,0000,0000,0000,,Wel, niet zo cool,
Dialogue: 0,0:05:27.40,0:05:28.95,Default,,0000,0000,0000,,we krijgen deze foutmelding
Dialogue: 0,0:05:28.95,0:05:31.32,Default,,0000,0000,0000,,die zegt dat we een haakje missen,
Dialogue: 0,0:05:31.32,0:05:33.44,Default,,0000,0000,0000,,en we zien dat we die waren vergeten,
Dialogue: 0,0:05:33.44,0:05:35.23,Default,,0000,0000,0000,,dus we voegen die er aan toe.
Dialogue: 0,0:05:35.23,0:05:36.12,Default,,0000,0000,0000,,Maar oh nee,
Dialogue: 0,0:05:36.12,0:05:38.32,Default,,0000,0000,0000,,nu krijgen we een andere melding
Dialogue: 0,0:05:38.32,0:05:40.24,Default,,0000,0000,0000,,die zegt dat we een puntkomma missen.
Dialogue: 0,0:05:40.24,0:05:42.13,Default,,0000,0000,0000,,Als we op "Show me where" drukken,
Dialogue: 0,0:05:42.13,0:05:44.56,Default,,0000,0000,0000,,wijst hij naar de regel die we net hebben geschreven...
Dialogue: 0,0:05:44.56,0:05:46.70,Default,,0000,0000,0000,,... en we herinneren dat puntkomma's
Dialogue: 0,0:05:46.70,0:05:48.36,Default,,0000,0000,0000,,net als punten aan het eind van een zin zijn,
Dialogue: 0,0:05:48.36,0:05:49.46,Default,,0000,0000,0000,,maar dan aan het eind van code,
Dialogue: 0,0:05:49.46,0:05:50.76,Default,,0000,0000,0000,,en we zijn er een vergeten.
Dialogue: 0,0:05:50.76,0:05:52.47,Default,,0000,0000,0000,,We kunnen hem terug zetten,
Dialogue: 0,0:05:52.47,0:05:53.17,Default,,0000,0000,0000,,Simpel!
Dialogue: 0,0:05:53.17,0:05:54.45,Default,,0000,0000,0000,,een kleine rechthoek,
Dialogue: 0,0:05:54.45,0:05:55.98,Default,,0000,0000,0000,,precies zo als we wilden.
Dialogue: 0,0:05:55.98,0:05:58.71,Default,,0000,0000,0000,,Net als hiervoor kunnen we hem laten groeien,
Dialogue: 0,0:05:58.71,0:06:01.36,Default,,0000,0000,0000,,we kunnen hem verplaatsen
Dialogue: 0,0:06:01.36,0:06:03.81,Default,,0000,0000,0000,,en op precies de plek zetten waar we hem willen.
Dialogue: 0,0:06:03.81,0:06:06.53,Default,,0000,0000,0000,,Nu weet je in detail hoe "rect" werkt.
Dialogue: 0,0:06:06.53,0:06:08.55,Default,,0000,0000,0000,,We weten waar die nummers voor zijn,
Dialogue: 0,0:06:08.55,0:06:11.23,Default,,0000,0000,0000,,dat je de naam van het commando nodig hebt,
Dialogue: 0,0:06:11.23,0:06:13.98,Default,,0000,0000,0000,,de haakjes, hoe de komma's de nummers scheiden
Dialogue: 0,0:06:13.98,0:06:15.25,Default,,0000,0000,0000,,en de puntkomma aan het eind.
Dialogue: 0,0:06:15.25,0:06:16.26,Default,,0000,0000,0000,,Het lijkt veel,
Dialogue: 0,0:06:16.26,0:06:17.42,Default,,0000,0000,0000,,maar ga je gang en
Dialogue: 0,0:06:17.42,0:06:19.34,Default,,0000,0000,0000,,en probeer er gevoel voor te krijgen.
Dialogue: 0,0:06:19.34,0:06:20.20,Default,,0000,0000,0000,,De volgende keer
Dialogue: 0,0:06:20.20,0:06:21.85,Default,,0000,0000,0000,,leren we meer vormen
Dialogue: 0,0:06:21.85,0:06:23.72,Default,,0000,0000,0000,,en dan gaan we geweldige dingen doen
Dialogue: 0,0:06:23.72,0:06:24.94,Default,,0000,0000,0000,,zoals ze kleuren
Dialogue: 0,0:06:24.94,0:06:26.31,Default,,0000,0000,0000,,en ze over het scherm laten vliegen.