1
00:00:01,220 --> 00:00:02,817
Lass uns beginnen, zu programmieren.

2
00:00:02,817 --> 00:00:05,245
Am Anfang musst du Formen verstehen -
die Basics.

3
00:00:05,245 --> 00:00:06,464
Aber keine Sorge, bald

4
00:00:06,464 --> 00:00:08,246
werden deine Formen umherfliegen,

5
00:00:08,246 --> 00:00:11,098
und die Farbe ändern, und alle möglichen
anderen coolen Sachen.

6
00:00:11,098 --> 00:00:12,772
Bleib einfach dabei!

7
00:00:12,772 --> 00:00:14,636
Also, lass uns mit Rechtecken anfangen.

8
00:00:14,636 --> 00:00:16,516
Wir schreiben rect für Rechteck,

9
00:00:16,516 --> 00:00:18,990
dann (, und dann vier Zahlen
10, 20, 100, 200--

10
00:00:18,990 --> 00:00:21,024
und ich erkläre gleich, was die bedeuten--

11
00:00:21,024 --> 00:00:23,938
dann ), und am Schluss schreiben wir
ein Semikolon ;

12
00:00:23,938 --> 00:00:25,515
Schau mal, toll, ein Rechteck!

13
00:00:25,515 --> 00:00:27,563
Das war so cool, das machen
wir nochmal.

14
00:00:27,763 --> 00:00:29,551
Versuchen wir es mal mit anderen Zahlen.

15
00:00:30,021 --> 00:00:31,531
Vielleicht größere,
(300, 240

16
00:00:32,181 --> 00:00:34,031
und dann am Schluss kleinere,
10, 20)

17
00:00:34,031 --> 00:00:36,041
und hey, guck mal, noch ein Rechteck!

18
00:00:36,041 --> 00:00:39,256
Wenn wir die erste Zahl kleiner machen,

19
00:00:39,256 --> 00:00:40,571
bewegt es sich.

20
00:00:40,751 --> 00:00:43,782
Wenn wir diese letzte Zahl verändern,
größer und dann kleiner,

21
00:00:43,782 --> 00:00:46,276
dann wird es einfach wachsen und
schrumpfen.

22
00:00:46,276 --> 00:00:47,510
Interessant!

23
00:00:47,510 --> 00:00:50,545
Also, wie funktioniert diese Magie?,
könntest du dich fragen.

24
00:00:51,245 --> 00:00:52,756
Denk dran, dass dein Computer

25
00:00:52,756 --> 00:00:55,507
wie ein sehr intelligenter und gehorsamer
Hund ist.

26
00:00:55,507 --> 00:00:59,778
Einem Hund könnten wir sagen:
"Sitz! Platz! Mach eine Rolle!"

27
00:00:59,778 --> 00:01:01,503
Du musst nur das Kommando geben.

28
00:01:02,023 --> 00:01:05,282
Also, wie würdest du deinem Computer mit
Code sagen: "Sitz!"?

29
00:01:05,742 --> 00:01:08,024
Naja, du könntest das so machen, indem du

30
00:01:08,024 --> 00:01:11,255
das Kommando, z.B. sit (= sitz) schreibst,

31
00:01:11,255 --> 00:01:13,271
und dann danach () einfügst,
um ihm zu sagen,

32
00:01:13,271 --> 00:01:15,267
dass er das tun soll, was du
gesagt hast,

33
00:01:15,267 --> 00:01:17,764
und dann fügst du noch ein ; am Ende
hinzu, was heißt:

34
00:01:17,764 --> 00:01:19,521
"Ja, das Kommando ist rum."

35
00:01:19,521 --> 00:01:21,829
Dann würde dein Computer sich hinsetzen.

36
00:01:22,219 --> 00:01:25,264
Naja, dein Computer auf Khanacademy
ist natürlich kein Hund

37
00:01:25,264 --> 00:01:27,254
und kann weder "Sitz" noch eine Rolle,

38
00:01:27,254 --> 00:01:30,261
aber er weiß, dass er Rechtecke malen
soll, wenn du rect schreibst,

39
00:01:30,261 --> 00:01:32,058
und das ist doch auch was, oder?

40
00:01:32,298 --> 00:01:34,344
So, und das werden wir jetzt hier tun.

41
00:01:34,344 --> 00:01:37,161
Wir geben das Kommando rect, das ist
nur der Name,

42
00:01:37,161 --> 00:01:39,754
und dann schreiben wir ( und ),

43
00:01:39,754 --> 00:01:41,017
um zu sagen, "mach das",

44
00:01:41,017 --> 00:01:43,041
und dann schreiben wir ; am Ende.

45
00:01:43,501 --> 00:01:46,566
So weiß dein Computer, dass er diese
Fähigkeit, rect, tun soll.

46
00:01:47,216 --> 00:01:49,737
Zurück zu unserem rect.

47
00:01:49,737 --> 00:01:53,502
Hier ist das Kommando
und hier sind die Klammern.

48
00:01:53,502 --> 00:01:55,770
Aber was ist mit diesen seltsamen Zahlen?

49
00:01:56,250 --> 00:01:59,503
Naja, die Idee ist, dass der Computer noch
nicht genug weiß,

50
00:01:59,503 --> 00:02:01,056
wenn du nur sagst, "rect".

51
00:02:01,986 --> 00:02:05,249
Stell dir vor,
ich gäbe dir ein Blatt Papier

52
00:02:05,249 --> 00:02:07,254
und sagte dir, du solltest ein Rechteck

53
00:02:07,254 --> 00:02:09,329
so zeichnen, wie ich es will.

54
00:02:09,989 --> 00:02:11,233
Du wirst Fragen haben,

55
00:02:11,233 --> 00:02:13,287
es sei denn, du kannst Gedanken lesen.

56
00:02:14,507 --> 00:02:15,756
Zuerst könntest du fragen:

57
00:02:15,756 --> 00:02:19,075
"wo soll ich das Rechteck zeichnen?".

58
00:02:19,255 --> 00:02:21,278
Und ich würde antworten:

59
00:02:21,278 --> 00:02:22,527
"Wie wär's, wenn wir uns

60
00:02:22,527 --> 00:02:25,796
darauf einigen, dass die linke Seite
dieses Papiers,

61
00:02:25,796 --> 00:02:27,046
lass uns die Null nennen,

62
00:02:27,046 --> 00:02:29,815
und lass uns sagen,
die rechte Seite ist 400."

63
00:02:30,035 --> 00:02:33,011
Und dann könnte ich dir eine Zahl sagen,
nehmen wir 100,

64
00:02:33,011 --> 00:02:36,235
und du wüsstest, dass das genau ungefähr
hier sein muss. Vielleicht.

65
00:02:36,235 --> 00:02:37,309
In etwa.

66
00:02:37,309 --> 00:02:39,967
Damit bist du kurz zufrieden,
aber dann fragst du:

67
00:02:39,967 --> 00:02:43,165
"Ich weiß, wie weit rechts es sein soll,
aber wie weit oben oder unten?"

68
00:02:43,515 --> 00:02:47,010
Dann würde ich dir eine andere Zahl geben,
sagen wir mal, 200,

69
00:02:47,010 --> 00:02:49,750
und ich würde sagen:
"Das ist oben, das ist 0,

70
00:02:49,750 --> 00:02:52,646
und wir sagen wieder, dass das untere Ende
400 sein soll."

71
00:02:52,646 --> 00:02:53,744
Und du dächtest dir:

72
00:02:53,744 --> 00:02:56,802
"200, das wird hier
genau in der Mitte sein."

73
00:02:57,402 --> 00:02:59,758
Und das ist toll,
weil du jetzt nachdenkst, und sagst:

74
00:02:59,758 --> 00:03:02,504
"Okay, toll, ich werde dein Rechteck
genau hier zeichnen,

75
00:03:02,504 --> 00:03:05,580
weil es 100 nach rechts ist
und 200 nach unten."

76
00:03:06,490 --> 00:03:09,056
Aber das reicht immer noch nicht.

77
00:03:09,496 --> 00:03:12,268
Jetzt fragst du dich:
"Wie groß soll das Rechteck werden?"

78
00:03:12,268 --> 00:03:17,008
Und ich sage:
"Wie wär's mit, äh, 150 Breite?"

79
00:03:17,008 --> 00:03:20,969
und du denkst dir:
"Also, da ist 100, und da ist 400,

80
00:03:20,969 --> 00:03:25,310
also wenn es 150 breit sein soll,
könnten wir hierhin gehen?".

81
00:03:25,530 --> 00:03:28,821
Und du denkst:
"Okay, cool, 150 Breite...ungefähr."

82
00:03:29,341 --> 00:03:31,238
Und du fragst:
"Wie hoch soll es sein?"

83
00:03:31,238 --> 00:03:33,468
Ich sage: "Nicht so hoch.
wie wär's mit 50?"

84
00:03:33,718 --> 00:03:37,296
Du sagst: "Okay, naja, 50,
das ist vielleicht ungefähr so hoch?"

85
00:03:37,506 --> 00:03:39,019
Und dann sagst du: "Cool!

86
00:03:39,019 --> 00:03:40,812
Ich weiß genau,
wo dein Rechteck hin soll,

87
00:03:40,812 --> 00:03:42,492
und wie es aussehen soll.

88
00:03:42,492 --> 00:03:44,082
Dann mal ich es jetzt."

89
00:03:45,232 --> 00:03:47,562
Das ist eine Menge Arbeit
für ein Rechteck, oder?

90
00:03:47,982 --> 00:03:50,265
Aber die Idee ist,
dass nur mit den vier Zahlen--

91
00:03:50,265 --> 00:03:53,547
100 nach rechts, 200 nach unten,

92
00:03:54,457 --> 00:03:57,532
150 breit und nur 50 hoch--

93
00:03:57,822 --> 00:03:59,755
sofort allen klar ist,

94
00:03:59,755 --> 00:04:01,548
wie dieses Rechteck aussehen sollte.

95
00:04:02,008 --> 00:04:04,252
Und so funktioniert auch der Computer.

96
00:04:04,252 --> 00:04:06,755
Du kannst einfach das Kommando schreiben,
wie eben,

97
00:04:06,755 --> 00:04:09,744
dann die ( und dann die vier Zahlen,

98
00:04:09,744 --> 00:04:14,020
100, 200, 150 und dann 50,

99
00:04:14,020 --> 00:04:16,006
) und dann ein ;

100
00:04:16,226 --> 00:04:19,303
und er malt ein Rechteck,
genau da, wo wir es wollten.

101
00:04:20,623 --> 00:04:22,263
Wenn wir ganz ehrlich sind,

102
00:04:22,263 --> 00:04:24,223
ist es nicht wirklich da,

103
00:04:24,223 --> 00:04:25,583
wo wir es gemalt haben.

104
00:04:25,763 --> 00:04:27,488
Unsere Zahlen stimmen nicht ganz.

105
00:04:27,488 --> 00:04:31,273
Was, wenn wir wollen, dass es mit dem
übereinstimmt, was wir gemalt haben?

106
00:04:31,273 --> 00:04:33,780
Wir verändern das, damit es
etwas mehr drüben ist,

107
00:04:34,220 --> 00:04:37,254
ein bisschen weniger hoch und tief,

108
00:04:37,714 --> 00:04:42,008
ein bisschen schmaler,
und vielleicht ein kleines bisschen kleiner.

109
00:04:42,758 --> 00:04:46,024
Jetzt haben wir ein Rechteck,
was zu dem passt, was wir gemalt haben,

110
00:04:46,024 --> 00:04:48,771
weil wir verstehen,
was jede einzelne Zahl bedeutet,

111
00:04:48,771 --> 00:04:51,828
und wir es ändern konnten,
bis es so aussah, wie gewollt.

112
00:04:52,748 --> 00:04:54,767
Jetzt lass uns noch ein Rechteck malen.

113
00:04:54,767 --> 00:04:56,472
Denn das Tolle hierbei ist,

114
00:04:56,472 --> 00:04:58,757
dass wir Rechtecke malen können,
wo wir wollen.

115
00:04:59,817 --> 00:05:02,157
Wie wär's mit ganz weit oben in der Ecke,

116
00:05:02,157 --> 00:05:03,387
ganz oben?

117
00:05:03,987 --> 00:05:05,558
Lass uns nachdenken, wo das wäre.

118
00:05:06,018 --> 00:05:09,502
Ich denke mal, das wäre 0 rechts, 0 unten,

119
00:05:09,502 --> 00:05:13,255
und vielleicht ziemlich klein,
sage wir mal, nur 50 breit

120
00:05:13,255 --> 00:05:16,268
und vielleicht nur 10 hoch,
ein sehr kleines Rechteck.

121
00:05:16,998 --> 00:05:18,266
Wir können das tun.

122
00:05:18,266 --> 00:05:19,276
Wir schreiben rect,

123
00:05:19,276 --> 00:05:21,546
und trennen diese Parameter mit Kommata,

124
00:05:22,756 --> 00:05:25,518
und dann die Zahlen. Okay, cool.

125
00:05:25,748 --> 00:05:28,551
Naja, nicht so cool, jetzt bekommen wir
diese Fehlermeldung:

126
00:05:28,551 --> 00:05:31,392
"Oh nein! Sieht so aus, als fehlt ein )"

127
00:05:31,392 --> 00:05:32,748
Und ja, klar, das fehlt.

128
00:05:32,748 --> 00:05:34,828
So, da ist es. Sieht toll aus, oder?

129
00:05:34,828 --> 00:05:36,998
Jetzt haben wir eine andere Fehlermeldung,

130
00:05:36,998 --> 00:05:38,447
weil ein Semikolon fehlt.

131
00:05:38,447 --> 00:05:40,866
Wir könnten auf "Show me where" klicken

132
00:05:40,866 --> 00:05:42,616
und es würde uns diese Zeile zeigen.

133
00:05:42,616 --> 00:05:43,535
Wir erinnern uns,

134
00:05:43,535 --> 00:05:46,284
"Ach ja, Semikolons sind wie Punkte
am Ende eines Satzes

135
00:05:46,284 --> 00:05:48,523
um die Zeile zu beenden, und da fehlt eins!

136
00:05:48,523 --> 00:05:52,024
Aber wir können es einfach hinzufügen,
kein Problem, alles ist gut.

137
00:05:52,254 --> 00:05:55,295
Schau mal, ein winziges Rechteck,
genau, wie wir es wollten.

138
00:05:55,745 --> 00:05:58,498
Genau wie vorher können wir
es wachsen lassen,

139
00:05:58,718 --> 00:06:00,230
wir können es verschieben,

140
00:06:00,510 --> 00:06:03,262
und genau da positionieren,
wo wir es haben wollen.

141
00:06:03,262 --> 00:06:06,265
Jetzt weißt du im Detail
genau wie rect funktioniert.

142
00:06:06,505 --> 00:06:08,706
Wir haben behandelt,
was die Zahlen bedeuten,

143
00:06:08,706 --> 00:06:12,040
und dass du immer das Kommando und
die Klammern schreiben musst,

144
00:06:12,040 --> 00:06:14,964
mit einem Komma zwischen den Zahlen
und einem Semikolon am Ende.

145
00:06:15,484 --> 00:06:16,482
Das sieht nach viel aus,

146
00:06:16,482 --> 00:06:19,170
aber probier's ruhig selbst aus
und gewöhn dich dran.

147
00:06:19,260 --> 00:06:21,499
Nächstes Mal werden wir
mehr Formen kennenlernen

148
00:06:21,499 --> 00:06:23,261
und danach gestalten wir sie cooler,

149
00:06:23,261 --> 00:06:26,342
mit verschiedenen Farben,
oder wir lassen sie über den Bildschirm fliegen.