< Return to Video

IntroVoorTekenenGerepareerd

  • 0:01 - 0:03
    Laten we beginnen met programmeren
  • 0:03 - 0:05
    We moeten eerst figuren begrijpen, de basis.
  • 0:05 - 0:07
    Maar geen zorgen,
  • 0:07 - 0:09
    snel genoeg vliegen je figuren over het scherm,
  • 0:09 - 0:11
    veranderen van kleur en andere coole dingen.
  • 0:11 - 0:13
    Blijf gewoon even bij ons!
  • 0:13 - 0:15
    We beginnen met rechthoeken te tekenen.
  • 0:15 - 0:16
    We typen "rect()" voor rechthoek,
  • 0:16 - 0:18
    dan haakje openen
  • 0:18 - 0:19
    en dan vier getallen
  • 0:19 - 0:21
    die ik zo zal uitleggen
  • 0:21 - 0:22
    ... dan een haakje sluiten
  • 0:22 - 0:24
    en aan het einde een puntkomma.
  • 0:24 - 0:26
    Kijk, geweldig, een rechthoek!
  • 0:26 - 0:27
    En dat was goed,
  • 0:27 - 0:28
    dus dat doen we nog eens.
  • 0:28 - 0:30
    Deze keer kunnen we andere nummers gebruiken.
  • 0:30 - 0:32
    Misschien grotere nummers,
  • 0:32 - 0:35
    en dan kleinere nummers aan het eind en kijk
  • 0:35 - 0:36
    een andere rechthoek.
  • 0:36 - 0:37
    In feite,
  • 0:37 - 0:39
    als we proberen dit eerste getal te veranderen
  • 0:39 - 0:41
    door hem kleiner te maken begint hij te bewegen.
  • 0:41 - 0:45
    Als we dit laatste nummer groter en kleiner maken,
  • 0:45 - 0:47
    dan gaat hij groeien en dan krimpen.
  • 0:47 - 0:48
    Interessant.
  • 0:48 - 0:51
    Dus hoe gebeurt al deze magie, vraag je je af?
  • 0:51 - 0:55
    Nou, onthoud dat je computer gewoon een slimme en gehoorzame hond is.
  • 0:55 - 0:57
    Met een hond,
  • 0:57 - 0:58
    misschien kunnen we hem vertellen
  • 0:58 - 1:00
    te zitten, te blijven of zelfs te rollen.
  • 1:00 - 1:02
    Je hoeft alleen een commando te geven.
  • 1:02 - 1:03
    Dus in code,
  • 1:03 - 1:06
    hoe zou je je computerhond vertellen te zitten?
  • 1:06 - 1:08
    Nou, de manier om dat te doen is
  • 1:08 - 1:10
    door de naam van het commando te schrijven,
  • 1:10 - 1:11
    bijvoorbeeld "zit",
  • 1:11 - 1:14
    en dan twee haakjes om te zeggen:
  • 1:14 - 1:16
    "voer dit commando uit"
  • 1:16 - 1:17
    en dan een puntkomma aan het einde
  • 1:17 - 1:18
    alleen om te zeggen
  • 1:18 - 1:20
    "He, yeah, dit commando is voorbij."
  • 1:20 - 1:22
    En dan zal je computerhond gaan zitten.
  • 1:22 - 1:23
    Nou natuurlijk...,
  • 1:23 - 1:25
    is je computer op Khan Academy geen hond,
  • 1:25 - 1:28
    dus weet hij niet hoe hij moet zitten of rollen,
  • 1:28 - 1:30
    maar hij weet wel hoe hij rechthoeken
  • 1:30 - 1:31
    kan tekenen als je rect() zegt
  • 1:31 - 1:33
    en dat is toch ook best goed?
  • 1:33 - 1:34
    Hoe dan ook,
  • 1:34 - 1:36
    dat is wat we gaan doen op deze regel.
  • 1:36 - 1:37
    We noemen het commando rect(),
  • 1:37 - 1:38
    wat gewoon de naam is,
  • 1:38 - 1:41
    en daarna haakje openen en haakje sluiten
  • 1:41 - 1:42
    om te zeggen "ga dat doen",
  • 1:42 - 1:43
    en dan een puntkomma aan het einde.
  • 1:43 - 1:45
    Dat is hoe je computer weet dat hij
  • 1:45 - 1:47
    dit speciale kunstje rect te doen
  • 1:47 - 1:50
    Oké, dus nu terug naar onze rechthoek
  • 1:50 - 1:52
    We hebben het commando hier,
  • 1:52 - 1:54
    we hebben de haakjes.
  • 1:54 - 1:56
    Hoe zit het met al deze rare nummers?
  • 1:56 - 2:01
    de computer weet niet genoeg met alleen rect.
  • 2:01 - 2:03
    Om dit te zien,
  • 2:03 - 2:05
    stel je voor dat ik je een stuk papier geef en
  • 2:05 - 2:08
    ik wil dat je er een rechthoek op tekent
  • 2:08 - 2:10
    precies zoals ik dat wil.
  • 2:10 - 2:12
    Nou, tenzij je mijn gedachte kan lezen,
  • 2:12 - 2:15
    zal je meteen wat vragen hebben.
  • 2:15 - 2:17
    Als eerste zal je je afvragen:
  • 2:17 - 2:20
    "Waar wil je dat ik de rechthoek teken?"
  • 2:20 - 2:22
    En dan zal ik zeggen:
  • 2:22 - 2:24
    "Wat dacht je ervan dat we afspreken dat
  • 2:24 - 2:27
    we de linkerkant van het papier gewoon 0 noemen."
  • 2:27 - 2:30
    En laten we afspreken dat de rechterkant 400 is.
  • 2:30 - 2:32
    Dan kan ik je een nummer geven,
  • 2:32 - 2:33
    bijvoorbeeld 100, en
  • 2:33 - 2:37
    dan weet je dat dat ongeveer hier zal zijn.
  • 2:37 - 2:39
    Dat zal je even tevreden stellen,
  • 2:39 - 2:40
    maar dan denk je:
  • 2:40 - 2:42
    nu weet ik hoe ver naar rechts,
  • 2:42 - 2:44
    maar hoe ver naar boven en beneden?
  • 2:44 - 2:46
    Dan kan ik je nog een nummer geven,
  • 2:46 - 2:47
    bijvoorbeeld 200,
  • 2:47 - 2:50
    en dan zal ik zeggen dat de top 0 is en
  • 2:50 - 2:53
    de onderkant weer 400,
  • 2:53 - 2:54
    waarna je zult zeggen, nou,
  • 2:54 - 2:58
    200 zal precies in het midden zitten.
  • 2:58 - 2:59
    En dat is perfect.,
  • 2:59 - 3:03
    omdat je nu denkt dat je de rechthoek precies hier gaat tekenen...
  • 3:03 - 3:06
    ... omdat het 100 naar rechts is en 200 naar beneden.
  • 3:06 - 3:08
    Echter is dat nog steeds niet genoeg,
  • 3:08 - 3:10
    want wat vraag je nu?
  • 3:10 - 3:12
    Je vraagt je af, hoe groot wil je de rechthoek?
  • 3:12 - 3:17
    Ik zou zeggen, wat dacht je van 150 breed?
  • 3:17 - 3:19
    En je denkt, nou,
  • 3:19 - 3:21
    dit is 100 en dit is 400,
  • 3:21 - 3:23
    dus als we hem 150 breed willen,
  • 3:23 - 3:26
    dan gaan we ongeveer hier zitten.
  • 3:26 - 3:29
    Oké, cool, dat is ongeveer 150 breed.
  • 3:29 - 3:31
    En daarna vraag je, hoe hoog wil je hem hebben?
  • 3:31 - 3:33
    En ik zal zeggen: "Wat dacht je van 50 hoog?"
  • 3:33 - 3:38
    Je zal zeggen, oké, dat is ongeveer zo hoog.
  • 3:38 - 3:39
    Nu zal je zeggen:
  • 3:39 - 3:41
    "Gaaf, ik weet precies waar je je rechthoek wilt hebben
  • 3:41 - 3:43
    hoe hij er uit moet zien.
  • 3:43 - 3:45
    Nu kan ik hem tekenen."
  • 3:45 - 3:47
    Dat is een boel werk voor een rechthoek, of niet?
  • 3:47 - 3:49
    Maar het idee is dat
  • 3:49 - 3:52
    omdat ik je deze vier nummers geef,
  • 3:52 - 3:53
    100 in de breedte,
  • 3:53 - 3:55
    200 naar beneden,
  • 3:55 - 3:58
    150 breed en 50 hoog,
  • 3:58 - 4:02
    we nu precies hetzelfde beeld in gedachte hebben.
  • 4:02 - 4:04
    Zo werkt de computer ook.
  • 4:04 - 4:07
    Je kan gewoon de naam van het commando typen,
  • 4:07 - 4:09
    haakje openen,
  • 4:09 - 4:14
    de vier nummers, 100, 200, 150 en dan 50,
  • 4:14 - 4:16
    haakje sluiten en dan een puntkomma.
  • 4:16 - 4:18
    En hij zal een rechthoek tekenen
  • 4:18 - 4:21
    precies waar we hem wilden hebben!
  • 4:21 - 4:23
    Nou, als we eerlijk zijn naar onszelf,
  • 4:23 - 4:24
    dat is niet precies waar we de rechthoek wilden.
  • 4:24 - 4:26
    Dat is niet waar we hem hadden getekend,
  • 4:26 - 4:28
    Onze nummers zaten er een beetje naast.
  • 4:28 - 4:30
    Laten we de rechthoek exact overeenkomen
  • 4:30 - 4:32
    met wat we hebben getekend.
  • 4:32 - 4:35
    We bewegen hem een stukje naar rechts,
  • 4:35 - 4:37
    een beetje minder van boven naar beneden
  • 4:37 - 4:40
    een klein beetje dunner
  • 4:40 - 4:43
    en misschien ook een klein beetje korter.
  • 4:43 - 4:45
    Nu hebben we een rechthoek
  • 4:45 - 4:47
    die er ongeveer uit ziet als wat we hadden getekend,
  • 4:47 - 4:50
    omdat we begrepen wat elk van deze nummers betekenden,
  • 4:50 - 4:52
    konden we ze gewoon konden veranderen
  • 4:52 - 4:54
    om te krijgen wat we wilden.
  • 4:54 - 4:55
    Laten we nu een andere rechthoek tekenen.
  • 4:55 - 4:59
    We kunnen nu overal rechthoeken tekenen!
  • 4:59 - 5:02
    Wat denk je van een rechthoek in de linkerbovenhoek,
  • 5:02 - 5:04
    helemaal hier boven?
  • 5:04 - 5:06
    Laten we bedenken waar dat zal zijn.
  • 5:06 - 5:09
    Dat zal 0 in de breedte zijn,
  • 5:09 - 5:10
    0 op en neer en dan misschien,...
  • 5:10 - 5:15
    ik wil een kleintje, dus 50 breed en 10 hoog.
  • 5:15 - 5:19
    Laten we dat gewoon doen.
  • 5:19 - 5:20
    We typen rect,
  • 5:20 - 5:23
    we scheiden de parameters door komma's
  • 5:23 - 5:26
    en we hebben het zo echt cool.
  • 5:26 - 5:27
    Wel, niet zo cool,
  • 5:27 - 5:29
    we krijgen deze foutmelding
  • 5:29 - 5:31
    die zegt dat we een haakje missen,
  • 5:31 - 5:33
    en we zien dat we die waren vergeten,
  • 5:33 - 5:35
    dus we voegen die er aan toe.
  • 5:35 - 5:36
    Maar oh nee,
  • 5:36 - 5:38
    nu krijgen we een andere melding
  • 5:38 - 5:40
    die zegt dat we een puntkomma missen.
  • 5:40 - 5:42
    Als we op "Show me where" drukken,
  • 5:42 - 5:45
    wijst hij naar de regel die we net hebben geschreven...
  • 5:45 - 5:47
    ... en we herinneren dat puntkomma's
  • 5:47 - 5:48
    net als punten aan het eind van een zin zijn,
  • 5:48 - 5:49
    maar dan aan het eind van code,
  • 5:49 - 5:51
    en we zijn er een vergeten.
  • 5:51 - 5:52
    We kunnen hem terug zetten,
  • 5:52 - 5:53
    Simpel!
  • 5:53 - 5:54
    een kleine rechthoek,
  • 5:54 - 5:56
    precies zo als we wilden.
  • 5:56 - 5:59
    Net als hiervoor kunnen we hem laten groeien,
  • 5:59 - 6:01
    we kunnen hem verplaatsen
  • 6:01 - 6:04
    en op precies de plek zetten waar we hem willen.
  • 6:04 - 6:07
    Nu weet je in detail hoe "rect" werkt.
  • 6:07 - 6:09
    We weten waar die nummers voor zijn,
  • 6:09 - 6:11
    dat je de naam van het commando nodig hebt,
  • 6:11 - 6:14
    de haakjes, hoe de komma's de nummers scheiden
  • 6:14 - 6:15
    en de puntkomma aan het eind.
  • 6:15 - 6:16
    Het lijkt veel,
  • 6:16 - 6:17
    maar ga je gang en
  • 6:17 - 6:19
    en probeer er gevoel voor te krijgen.
  • 6:19 - 6:20
    De volgende keer
  • 6:20 - 6:22
    leren we meer vormen
  • 6:22 - 6:24
    en dan gaan we geweldige dingen doen
  • 6:24 - 6:25
    zoals ze kleuren
  • 6:25 - 6:26
    en ze over het scherm laten vliegen.
Title:
IntroVoorTekenenGerepareerd
Description:

Dit is alleen een video van onze interactieve coderingsfilmpjes om ondertitelen en vertalen makkelijker te maken. Het is beter om de filmpjes hier te kijken: https://www.khanacademy.org/cs/programming/
more » « less
Video Language:
English
Duration:
06:27
MartindeHaas edited Dutch subtitles for IntroToDrawingFixed
MartindeHaas edited Dutch subtitles for IntroToDrawingFixed
MartindeHaas edited Dutch subtitles for IntroToDrawingFixed
stefanwaal edited Dutch subtitles for IntroToDrawingFixed

Dutch subtitles

Revisions

Our website uses cookies for analysis purposes.