WEBVTT

00:00:01.220 --> 00:00:02.817
Lass uns beginnen, zu programmieren.

00:00:02.817 --> 00:00:05.245
Am Anfang musst du Formen verstehen -
die Basics.

00:00:05.245 --> 00:00:06.464
Aber keine Sorge, bald

00:00:06.464 --> 00:00:08.246
werden deine Formen umherfliegen,

00:00:08.246 --> 00:00:11.098
und die Farbe ändern, und alle möglichen
anderen coolen Sachen.

00:00:11.098 --> 00:00:12.772
Bleib einfach dabei!

00:00:12.772 --> 00:00:14.636
Also, lass uns mit Rechtecken anfangen.

00:00:14.636 --> 00:00:16.516
Wir schreiben rect für Rechteck,

00:00:16.516 --> 00:00:18.990
dann (, und dann vier Zahlen
10, 20, 100, 200--

00:00:18.990 --> 00:00:21.024
und ich erkläre gleich, was die bedeuten--

00:00:21.024 --> 00:00:23.938
dann ), und am Schluss schreiben wir
ein Semikolon ;

00:00:23.938 --> 00:00:25.515
Schau mal, toll, ein Rechteck!

00:00:25.515 --> 00:00:27.563
Das war so cool, das machen
wir nochmal.

00:00:27.763 --> 00:00:29.551
Versuchen wir es mal mit anderen Zahlen.

00:00:30.021 --> 00:00:31.531
Vielleicht größere,
(300, 240

00:00:32.181 --> 00:00:34.031
und dann am Schluss kleinere,
10, 20)

00:00:34.031 --> 00:00:36.041
und hey, guck mal, noch ein Rechteck!

00:00:36.041 --> 00:00:39.256
Wenn wir die erste Zahl kleiner machen,

00:00:39.256 --> 00:00:40.571
bewegt es sich.

00:00:40.751 --> 00:00:43.782
Wenn wir diese letzte Zahl verändern,
größer und dann kleiner,

00:00:43.782 --> 00:00:46.276
dann wird es einfach wachsen und
schrumpfen.

00:00:46.276 --> 00:00:47.510
Interessant!

00:00:47.510 --> 00:00:50.545
Also, wie funktioniert diese Magie?,
könntest du dich fragen.

00:00:51.245 --> 00:00:52.756
Denk dran, dass dein Computer

00:00:52.756 --> 00:00:55.507
wie ein sehr intelligenter und gehorsamer
Hund ist.

00:00:55.507 --> 00:00:59.778
Einem Hund könnten wir sagen:
"Sitz! Platz! Mach eine Rolle!"

00:00:59.778 --> 00:01:01.503
Du musst nur das Kommando geben.

00:01:02.023 --> 00:01:05.282
Also, wie würdest du deinem Computer mit
Code sagen: "Sitz!"?

00:01:05.742 --> 00:01:08.024
Naja, du könntest das so machen, indem du

00:01:08.024 --> 00:01:11.255
das Kommando, z.B. sit (= sitz) schreibst,

00:01:11.255 --> 00:01:13.271
und dann danach () einfügst,
um ihm zu sagen,

00:01:13.271 --> 00:01:15.267
dass er das tun soll, was du
gesagt hast,

00:01:15.267 --> 00:01:17.764
und dann fügst du noch ein ; am Ende
hinzu, was heißt:

00:01:17.764 --> 00:01:19.521
"Ja, das Kommando ist rum."

00:01:19.521 --> 00:01:21.829
Dann würde dein Computer sich hinsetzen.

00:01:22.219 --> 00:01:25.264
Naja, dein Computer auf Khanacademy
ist natürlich kein Hund

00:01:25.264 --> 00:01:27.254
und kann weder "Sitz" noch eine Rolle,

00:01:27.254 --> 00:01:30.261
aber er weiß, dass er Rechtecke malen
soll, wenn du rect schreibst,

00:01:30.261 --> 00:01:32.058
und das ist doch auch was, oder?

00:01:32.298 --> 00:01:34.344
So, und das werden wir jetzt hier tun.

00:01:34.344 --> 00:01:37.161
Wir geben das Kommando rect, das ist
nur der Name,

00:01:37.161 --> 00:01:39.754
und dann schreiben wir ( und ),

00:01:39.754 --> 00:01:41.017
um zu sagen, "mach das",

00:01:41.017 --> 00:01:43.041
und dann schreiben wir ; am Ende.

00:01:43.501 --> 00:01:46.566
So weiß dein Computer, dass er diese
Fähigkeit, rect, tun soll.

00:01:47.216 --> 00:01:49.737
Zurück zu unserem rect.

00:01:49.737 --> 00:01:53.502
Hier ist das Kommando
und hier sind die Klammern.

00:01:53.502 --> 00:01:55.770
Aber was ist mit diesen seltsamen Zahlen?

00:01:56.250 --> 00:01:59.503
Naja, die Idee ist, dass der Computer noch
nicht genug weiß,

00:01:59.503 --> 00:02:01.056
wenn du nur sagst, "rect".

00:02:01.986 --> 00:02:05.249
Stell dir vor,
ich gäbe dir ein Blatt Papier

00:02:05.249 --> 00:02:07.254
und sagte dir, du solltest ein Rechteck

00:02:07.254 --> 00:02:09.329
so zeichnen, wie ich es will.

00:02:09.989 --> 00:02:11.233
Du wirst Fragen haben,

00:02:11.233 --> 00:02:13.287
es sei denn, du kannst Gedanken lesen.

00:02:14.507 --> 00:02:15.756
Zuerst könntest du fragen:

00:02:15.756 --> 00:02:19.075
"wo soll ich das Rechteck zeichnen?".

00:02:19.255 --> 00:02:21.278
Und ich würde antworten:

00:02:21.278 --> 00:02:22.527
"Wie wär's, wenn wir uns

00:02:22.527 --> 00:02:25.796
darauf einigen, dass die linke Seite
dieses Papiers,

00:02:25.796 --> 00:02:27.046
lass uns die Null nennen,

00:02:27.046 --> 00:02:29.815
und lass uns sagen,
die rechte Seite ist 400."

00:02:30.035 --> 00:02:33.011
Und dann könnte ich dir eine Zahl sagen,
nehmen wir 100,

00:02:33.011 --> 00:02:36.235
und du wüsstest, dass das genau ungefähr
hier sein muss. Vielleicht.

00:02:36.235 --> 00:02:37.309
In etwa.

00:02:37.309 --> 00:02:39.967
Damit bist du kurz zufrieden,
aber dann fragst du:

00:02:39.967 --> 00:02:43.165
"Ich weiß, wie weit rechts es sein soll,
aber wie weit oben oder unten?"

00:02:43.515 --> 00:02:47.010
Dann würde ich dir eine andere Zahl geben,
sagen wir mal, 200,

00:02:47.010 --> 00:02:49.750
und ich würde sagen:
"Das ist oben, das ist 0,

00:02:49.750 --> 00:02:52.646
und wir sagen wieder, dass das untere Ende
400 sein soll."

00:02:52.646 --> 00:02:53.744
Und du dächtest dir:

00:02:53.744 --> 00:02:56.802
"200, das wird hier
genau in der Mitte sein."

00:02:57.402 --> 00:02:59.758
Und das ist toll,
weil du jetzt nachdenkst, und sagst:

00:02:59.758 --> 00:03:02.504
"Okay, toll, ich werde dein Rechteck
genau hier zeichnen,

00:03:02.504 --> 00:03:05.580
weil es 100 nach rechts ist
und 200 nach unten."

00:03:06.490 --> 00:03:09.056
Aber das reicht immer noch nicht.

00:03:09.496 --> 00:03:12.268
Jetzt fragst du dich:
"Wie groß soll das Rechteck werden?"

00:03:12.268 --> 00:03:17.008
Und ich sage:
"Wie wär's mit, äh, 150 Breite?"

00:03:17.008 --> 00:03:20.969
und du denkst dir:
"Also, da ist 100, und da ist 400,

00:03:20.969 --> 00:03:25.310
also wenn es 150 breit sein soll,
könnten wir hierhin gehen?".

00:03:25.530 --> 00:03:28.821
Und du denkst:
"Okay, cool, 150 Breite...ungefähr."

00:03:29.341 --> 00:03:31.238
Und du fragst:
"Wie hoch soll es sein?"

00:03:31.238 --> 00:03:33.468
Ich sage: "Nicht so hoch.
wie wär's mit 50?"

00:03:33.718 --> 00:03:37.296
Du sagst: "Okay, naja, 50,
das ist vielleicht ungefähr so hoch?"

00:03:37.506 --> 00:03:39.019
Und dann sagst du: "Cool!

00:03:39.019 --> 00:03:40.812
Ich weiß genau,
wo dein Rechteck hin soll,

00:03:40.812 --> 00:03:42.492
und wie es aussehen soll.

00:03:42.492 --> 00:03:44.082
Dann mal ich es jetzt."

00:03:45.232 --> 00:03:47.562
Das ist eine Menge Arbeit
für ein Rechteck, oder?

00:03:47.982 --> 00:03:50.265
Aber die Idee ist,
dass nur mit den vier Zahlen--

00:03:50.265 --> 00:03:53.547
100 nach rechts, 200 nach unten,

00:03:54.457 --> 00:03:57.532
150 breit und nur 50 hoch--

00:03:57.822 --> 00:03:59.755
sofort allen klar ist,

00:03:59.755 --> 00:04:01.548
wie dieses Rechteck aussehen sollte.

00:04:02.008 --> 00:04:04.252
Und so funktioniert auch der Computer.

00:04:04.252 --> 00:04:06.755
Du kannst einfach das Kommando schreiben,
wie eben,

00:04:06.755 --> 00:04:09.744
dann die ( und dann die vier Zahlen,

00:04:09.744 --> 00:04:14.020
100, 200, 150 und dann 50,

00:04:14.020 --> 00:04:16.006
) und dann ein ;

00:04:16.226 --> 00:04:19.303
und er malt ein Rechteck,
genau da, wo wir es wollten.

00:04:20.623 --> 00:04:22.263
Wenn wir ganz ehrlich sind,

00:04:22.263 --> 00:04:24.223
ist es nicht wirklich da,

00:04:24.223 --> 00:04:25.583
wo wir es gemalt haben.

00:04:25.763 --> 00:04:27.488
Unsere Zahlen stimmen nicht ganz.

00:04:27.488 --> 00:04:31.273
Was, wenn wir wollen, dass es mit dem
übereinstimmt, was wir gemalt haben?

00:04:31.273 --> 00:04:33.780
Wir verändern das, damit es
etwas mehr drüben ist,

00:04:34.220 --> 00:04:37.254
ein bisschen weniger hoch und tief,

00:04:37.714 --> 00:04:42.008
ein bisschen schmaler,
und vielleicht ein kleines bisschen kleiner.

00:04:42.758 --> 00:04:46.024
Jetzt haben wir ein Rechteck,
was zu dem passt, was wir gemalt haben,

00:04:46.024 --> 00:04:48.771
weil wir verstehen,
was jede einzelne Zahl bedeutet,

00:04:48.771 --> 00:04:51.828
und wir es ändern konnten,
bis es so aussah, wie gewollt.

00:04:52.748 --> 00:04:54.767
Jetzt lass uns noch ein Rechteck malen.

00:04:54.767 --> 00:04:56.472
Denn das Tolle hierbei ist,

00:04:56.472 --> 00:04:58.757
dass wir Rechtecke malen können,
wo wir wollen.

00:04:59.817 --> 00:05:02.157
Wie wär's mit ganz weit oben in der Ecke,

00:05:02.157 --> 00:05:03.387
ganz oben?

00:05:03.987 --> 00:05:05.558
Lass uns nachdenken, wo das wäre.

00:05:06.018 --> 00:05:09.502
Ich denke mal, das wäre 0 rechts, 0 unten,

00:05:09.502 --> 00:05:13.255
und vielleicht ziemlich klein,
sage wir mal, nur 50 breit

00:05:13.255 --> 00:05:16.268
und vielleicht nur 10 hoch,
ein sehr kleines Rechteck.

00:05:16.998 --> 00:05:18.266
Wir können das tun.

00:05:18.266 --> 00:05:19.276
Wir schreiben rect,

00:05:19.276 --> 00:05:21.546
und trennen diese Parameter mit Kommata,

00:05:22.756 --> 00:05:25.518
und dann die Zahlen. Okay, cool.

00:05:25.748 --> 00:05:28.551
Naja, nicht so cool, jetzt bekommen wir
diese Fehlermeldung:

00:05:28.551 --> 00:05:31.392
"Oh nein! Sieht so aus, als fehlt ein )"

00:05:31.392 --> 00:05:32.748
Und ja, klar, das fehlt.

00:05:32.748 --> 00:05:34.828
So, da ist es. Sieht toll aus, oder?

00:05:34.828 --> 00:05:36.998
Jetzt haben wir eine andere Fehlermeldung,

00:05:36.998 --> 00:05:38.447
weil ein Semikolon fehlt.

00:05:38.447 --> 00:05:40.866
Wir könnten auf "Show me where" klicken

00:05:40.866 --> 00:05:42.616
und es würde uns diese Zeile zeigen.

00:05:42.616 --> 00:05:43.535
Wir erinnern uns,

00:05:43.535 --> 00:05:46.284
"Ach ja, Semikolons sind wie Punkte
am Ende eines Satzes

00:05:46.284 --> 00:05:48.523
um die Zeile zu beenden, und da fehlt eins!

00:05:48.523 --> 00:05:52.024
Aber wir können es einfach hinzufügen,
kein Problem, alles ist gut.

00:05:52.254 --> 00:05:55.295
Schau mal, ein winziges Rechteck,
genau, wie wir es wollten.

00:05:55.745 --> 00:05:58.498
Genau wie vorher können wir
es wachsen lassen,

00:05:58.718 --> 00:06:00.230
wir können es verschieben,

00:06:00.510 --> 00:06:03.262
und genau da positionieren,
wo wir es haben wollen.

00:06:03.262 --> 00:06:06.265
Jetzt weißt du im Detail
genau wie rect funktioniert.

00:06:06.505 --> 00:06:08.706
Wir haben behandelt,
was die Zahlen bedeuten,

00:06:08.706 --> 00:06:12.040
und dass du immer das Kommando und
die Klammern schreiben musst,

00:06:12.040 --> 00:06:14.964
mit einem Komma zwischen den Zahlen
und einem Semikolon am Ende.

00:06:15.484 --> 00:06:16.482
Das sieht nach viel aus,

00:06:16.482 --> 00:06:19.170
aber probier's ruhig selbst aus
und gewöhn dich dran.

00:06:19.260 --> 00:06:21.499
Nächstes Mal werden wir
mehr Formen kennenlernen

00:06:21.499 --> 00:06:23.261
und danach gestalten wir sie cooler,

00:06:23.261 --> 00:06:26.342
mit verschiedenen Farben,
oder wir lassen sie über den Bildschirm fliegen.