WEBVTT

00:00:01.220 --> 00:00:02.817
Začneme programovat.

00:00:02.817 --> 00:00:05.245
Nejdříve si ukážeme, jak
nakreslit základní geometrické obrazce.

00:00:05.245 --> 00:00:06.464
Ale nebojte se,
ani se nenadějete

00:00:06.464 --> 00:00:08.246
a vaše tvary budou
poletovat po obrazovce,

00:00:08.246 --> 00:00:11.098
měnit barvy a dělat
spoustu dalších drsných triků.

00:00:11.098 --> 00:00:12.772
Tak to nevzdávejte!

NOTE Paragraph

00:00:12.772 --> 00:00:14.636
Pro začátek nakreslíme obdélník.

00:00:14.636 --> 00:00:16.516
Napíšeme <i>rect</i>, od slova
rectangle, obdélník

00:00:16.516 --> 00:00:18.990
potom <i>(</i> a čtyři čísla,
<i>10, 20, 100, 200</i>--

00:00:18.990 --> 00:00:21.024
hned vysvětlim, co
ta čísla znamenají--

00:00:21.024 --> 00:00:23.938
teď napište <i>)</i> a na konec
řádku ještě <i>;</i>

00:00:23.938 --> 00:00:25.515
Hop, a je tu obdélník!

00:00:25.515 --> 00:00:27.563
Protože nám to šlo
tak krásně, uděláme to ještě jednou

00:00:27.763 --> 00:00:29.551
Tentokrát s jinými čísly.

00:00:30.021 --> 00:00:31.531
Nejdřív větší,
<i>(300, 240,</i>

00:00:32.181 --> 00:00:34.031
a na konci potom menší,
<i>10, 20);</i>

00:00:34.031 --> 00:00:36.041
a koukej, malý obdélník!

00:00:36.041 --> 00:00:39.256
Když zmenšíme
tohle první číslo,

00:00:39.256 --> 00:00:40.571
začne se posunovat.

00:00:40.751 --> 00:00:43.782
Když tohle poslední číslo
zvětšíme a pak zmenšíme,

00:00:43.782 --> 00:00:46.276
tak se obdélník nejdřív zvětšuje
a potom zase zmenšuje.

00:00:46.276 --> 00:00:47.510
Zajímavé!

00:00:47.510 --> 00:00:50.545
Teď se asi ptáte, jak
to všechno funguje.

00:00:51.245 --> 00:00:52.756
Představte si to takhle. Váš počítač

00:00:52.756 --> 00:00:55.507
je jako velmi
pracovitý a poslušný pes.

00:00:55.507 --> 00:00:59.778
Poslušnému psovi můžete říct
sedni, lehni, možná udělej pac.

00:00:59.778 --> 00:01:01.503
Musíte mu dát povel.

00:01:02.023 --> 00:01:05.282
Takže v programu,
jak byste řekli počítači sedni?

00:01:05.742 --> 00:01:08.024
No, museli byste napsat

00:01:08.024 --> 00:01:11.255
jméno příkazu, takže sedni,
anglicky <i>sit</i>,

00:01:11.255 --> 00:01:13.271
a za to <i>()</i>

00:01:13.271 --> 00:01:15.267
čímž říkáte, že je to
příkaz, a ne něco jiného,

00:01:15.267 --> 00:01:17.764
a nakonec <i>;</i> který
ukončuje příkazy,

00:01:17.764 --> 00:01:19.521
znamená něco jako "A to je vše."

00:01:19.521 --> 00:01:21.829
Váš počítač si hned nato sedne.
Ne, nesedne.

00:01:22.219 --> 00:01:25.264
Váš počítač (prohlížeč s otevřenou
stránkou Khanovy školy) není pes,

00:01:25.264 --> 00:01:27.254
takže si nesedne,
ani vám nedá pac,

00:01:27.254 --> 00:01:30.261
ale může třeba kreslit
obdélníky, když řeknete <i>rect</i>,

00:01:30.261 --> 00:01:32.058
což je taky dobré, že?

00:01:32.298 --> 00:01:34.344
To je přesně to,
co na tomhle řádku děláme.

00:01:34.344 --> 00:01:37.161
Když dáme povel <i>rect</i>,
což není nic než jméno povelu,

00:01:37.161 --> 00:01:39.754
a nezapomenema na <i>(</i> a <i>)</i>,

00:01:39.754 --> 00:01:41.017
což značí "udělej to",

00:01:41.017 --> 00:01:43.041
a na konec řádku napšíeme <i>;</i>.

00:01:43.501 --> 00:01:46.566
Váš počítač provede
to co po něm <i>rect</i> chce.

00:01:47.216 --> 00:01:49.737
Takže teď se ještě jednou vrátíme
k našemu <i>rect</i>.

00:01:49.737 --> 00:01:53.502
Jméno příkazu je tady,
za ním jsou závorky,

00:01:53.502 --> 00:01:55.770
ale co ta čísla v závorkách?

00:01:56.250 --> 00:01:59.503
Ty tam jsou proto, že


00:01:59.503 --> 00:02:01.056
říct jenom <i>rect</i> nestačí.

00:02:01.986 --> 00:02:05.249
Představte si,
že bych vám dala kus papíru

00:02:05.249 --> 00:02:07.254
a řekla "namaluj mi
obdélkník

00:02:07.254 --> 00:02:09.329
přesně tak
jak ho chci mít".

00:02:09.989 --> 00:02:11.233
Pokud mi to
neumíte vyčíst z očí,

00:02:11.233 --> 00:02:13.287
budete se muset
na pár věcí zeptat.

00:02:14.507 --> 00:02:15.756
Nejdřív vás asi bude zajímat,


00:02:15.756 --> 00:02:19.075
"Kde mám obdélník nakresit?"

00:02:19.255 --> 00:02:21.278
No a já vám na to řeknu

00:02:21.278 --> 00:02:22.527
"Domluvme se, že

00:02:22.527 --> 00:02:25.796
levý kraj vašeho papíru,
který jste dostali

00:02:25.796 --> 00:02:27.046
má souřadnici nula

00:02:27.046 --> 00:02:29.815
a pravý kraj bude mít
souřadnici 400."

00:02:30.035 --> 00:02:33.011
Teď vám můžu říct číslo,
třeba 100,

00:02:33.011 --> 00:02:36.235
a vy budete vědět, že
to značí v první čtvrtinu, někde tady,

00:02:36.235 --> 00:02:37.309
zhruba.

00:02:37.309 --> 00:02:39.967
To vás na chvíli uspokojí,
ale pak si pomyslíte,

00:02:39.967 --> 00:02:43.165
"Dobře, teď vím jak daleko odleva,
jenže jak daleko odshora?"

00:02:43.515 --> 00:02:47.010
No a já vám dám další číslo,
například 200,

00:02:47.010 --> 00:02:49.750
a zase řeknu "Horní okraj
bude 0,

00:02:49.750 --> 00:02:52.646
a dolní okraj zase 400."

00:02:52.646 --> 00:02:53.744
Takže vy si pomyslíte,

00:02:53.744 --> 00:02:56.802
"200, to je uprostřed, takže
někde tady."

00:02:57.402 --> 00:02:59.758
No a teď si můžete říct

00:02:59.758 --> 00:03:02.504
"Super, nakreslím obdélník
přesně tady,

00:03:02.504 --> 00:03:05.580
protože je to 100 dílků zleva
a 200 dílků shora."

00:03:06.490 --> 00:03:09.056
Jenže to stále nestačí,
protože co ještě nevíte?

00:03:09.496 --> 00:03:12.268
Přesně tak,
"Jak má být ten obdélník velký?"

00:03:12.268 --> 00:03:17.008
A já řeknu
"Udělej ho 150 jednotek široký"

00:03:17.008 --> 00:03:20.969
A ty si řekneš,
"Tady je 100, na kraji je 400,

00:03:20.969 --> 00:03:25.310
takže 150, obdélník
bude končit někde tady"

00:03:25.530 --> 00:03:28.821
No a teď si pomysíš
"Fajn, tak bude mít šířku 150"

00:03:29.341 --> 00:03:31.238
No a pak se zptáš
"Jak má být vysoký?"

00:03:31.238 --> 00:03:33.468
Já na to odpovím,
"moc ne, jen 50"

00:03:33.718 --> 00:03:37.296
No a ty si řekneš, "Tak jo,
takže někam po sem."

00:03:37.506 --> 00:03:39.019
A teď si řekneš "Konečně
už vím všechno.

00:03:39.019 --> 00:03:40.812
Vím, kde chceš mít svůj
obdélník

00:03:40.812 --> 00:03:42.492
a taky jak velký má být,

00:03:42.492 --> 00:03:44.082
takže můžu začít kreslit"

00:03:45.232 --> 00:03:47.562
To je spousta informací,
po jeden obdélník, co?

00:03:47.982 --> 00:03:50.265
Ale když ta čtyři čísla
máte--

00:03:50.265 --> 00:03:53.547
vzpomeň si, že jsme řekli
100 zleva, 200 shora,

00:03:54.457 --> 00:03:57.532
150 široký a 50 vysoký--

00:03:57.822 --> 00:03:59.755
tak máte vše co potřebujete

00:03:59.755 --> 00:04:01.548
abyste věděli,
jak ten obdélník vypadá.

00:04:02.008 --> 00:04:04.252
Počítač to potřebuje vědět taky.

00:04:04.252 --> 00:04:06.755
Když napíšete jméno příkazu,
jak jsme řekli dříve,

00:04:06.755 --> 00:04:09.744
potom napíšete <i>(</i> a
ta čtyři čísla,

00:04:09.744 --> 00:04:14.020
<i>100, 200, 150, 50</i>

00:04:14.020 --> 00:04:16.006
a na konec <i>)</i> a <i>;</i>

00:04:16.226 --> 00:04:19.303
Tak vám počítač nakreslí
obdélník přesně kde jste si řekli.

00:04:20.623 --> 00:04:22.263
Upřímně, musím uznat, že

00:04:22.263 --> 00:04:24.223
to asi není to místo,
kde chcete mít obdélník.

00:04:24.223 --> 00:04:25.583
Tam jsme ho nenakreslili, že?

00:04:25.763 --> 00:04:27.488
Takže musíme čísla trochu změnit.

00:04:27.488 --> 00:04:31.273
Uděláme to teď, aby byl tam,
kde ho chceme mít.

00:04:31.273 --> 00:04:33.780
Tohle změníme, aby byl trochu
víc támhle

00:04:34.220 --> 00:04:37.254
Trochu míň nahoru a dolů

00:04:37.714 --> 00:04:42.008
trochu užší,
možná ne tak vysoký.

00:04:42.758 --> 00:04:46.024
A teď máme obdélník
víceméně na místě,

00:04:46.024 --> 00:04:48.771
protože rozumíme tomu,
co každé z těch 4 čísel značí,

00:04:48.771 --> 00:04:51.828
a umíme je změnit,
abychom dostali, co chceme.

00:04:52.748 --> 00:04:54.767
Teď se zamyslíme nad dalším
obdélníkem.

00:04:54.767 --> 00:04:56.472
Protože teď umíme

00:04:56.472 --> 00:04:58.757
nakreslit obdélník kdekoli.

00:04:59.817 --> 00:05:02.157
Co třeba tady v tomhle
horním rohu,

00:05:02.157 --> 00:05:03.387
až tady nahoře?

00:05:03.987 --> 00:05:05.558
Zamysleme se,
jaké to jsou souřadnice.

00:05:06.018 --> 00:05:09.502
Řekla bych, že je to 0 zleva a 0 shora,

00:05:09.502 --> 00:05:13.255
a mohl by být malý,
třeba jen 50 široký

00:05:13.255 --> 00:05:16.268
a třeba jen 40 vysoký,
takový malý obdélník.

00:05:16.998 --> 00:05:18.266
Teď to stačí jen sepsat.

00:05:18.266 --> 00:05:19.276
Napíšeme <i>rect</i>,

00:05:19.276 --> 00:05:21.546
a argumenty oddělujeme čárkami <i>, , ,</i>

00:05:22.756 --> 00:05:25.518
takže zkusíme napsat
"Alright, cool"

00:05:25.748 --> 00:05:28.551
Což vede na tuto
chybovou hlášku, která říká

00:05:28.551 --> 00:05:31.392
"Ale ne, zdá se, že vám tam chybí <i>)</i>"

00:05:31.392 --> 00:05:32.748
A my na to řekneme "No jo, fakt."

00:05:32.748 --> 00:05:34.828
Takže ji tam dáme,
a teď už je to vpořádku, nebo ne?

00:05:34.828 --> 00:05:36.998
Ne, protože,
jak nám říká další zpráva,

00:05:36.998 --> 00:05:38.447
chybí nám tam středník.

00:05:38.447 --> 00:05:40.866
Což je pravda.
Můžeme klepnout na "Ukaž mi kde"

00:05:40.866 --> 00:05:42.616
a ukáže se nám,
že je to na tomto řádku

00:05:42.616 --> 00:05:43.535
Pamatujte si

00:05:43.535 --> 00:05:46.284
"Středníky jsou jako
tečky za větou

00:05:46.284 --> 00:05:48.523
kterými ukončujeme řádky
a tady jsme na to zapomněli!:

00:05:48.523 --> 00:05:52.024
Takže není nic snažšího, než
tam středník napsat. Vše je vpořádku.

00:05:52.254 --> 00:05:55.295
Koukej, máme malý obdélník
přesně tam, jde jsme chtěli.

00:05:55.745 --> 00:05:58.498
Jako před tím,
můžeme si ho trochu zvětšit,

00:05:58.718 --> 00:06:00.230
můžeme ho někam posunout,

00:06:00.510 --> 00:06:03.262
a můžeme si ho dát přesně
tam, kde ho chceme.

00:06:03.262 --> 00:06:06.265
Tak a teď víte
přesně jak příkaz <i>rect</i> funguje.

00:06:06.505 --> 00:06:08.706
Vysvětlili jsme si,
co znamenají ta čísla,

00:06:08.706 --> 00:06:12.040
a že musíte vždy napsat
jméno příkazu, závorky,

00:06:12.040 --> 00:06:14.964
čárky mezi čísly v závorkách
a na konec napíšete středník.

00:06:15.484 --> 00:06:16.482
Je toho hodně,

00:06:16.482 --> 00:06:19.170
musíte si to vyzkoušet
a zažijete si to.

00:06:19.260 --> 00:06:21.499
Příště se naučíme,
jak kreslit další tvary,

00:06:21.499 --> 00:06:23.261
a potom budeme dělat
opravdu úžasné věci,

00:06:23.261 --> 00:06:26.342
jako barvičky a jak je
nechat létat po obrazovce.