Lass uns beginnen, zu programmieren.
Am Anfang musst du Formen verstehen -
die Basics.
Aber keine Sorge, bald
werden deine Formen umherfliegen,
und die Farbe ändern, und alle möglichen
anderen coolen Sachen.
Bleib einfach dabei!
Also, lass uns mit Rechtecken anfangen.
Wir schreiben rect für Rechteck,
dann (, und dann vier Zahlen
10, 20, 100, 200--
und ich erkläre gleich, was die bedeuten--
dann ), und am Schluss schreiben wir
ein Semikolon ;
Schau mal, toll, ein Rechteck!
Das war so cool, das machen
wir nochmal.
Versuchen wir es mal mit anderen Zahlen.
Vielleicht größere,
(300, 240
und dann am Schluss kleinere,
10, 20)
und hey, guck mal, noch ein Rechteck!
Wenn wir die erste Zahl kleiner machen,
bewegt es sich.
Wenn wir diese letzte Zahl verändern,
größer und dann kleiner,
dann wird es einfach wachsen und
schrumpfen.
Interessant!
Also, wie funktioniert diese Magie?,
könntest du dich fragen.
Denk dran, dass dein Computer
wie ein sehr intelligenter und gehorsamer
Hund ist.
Einem Hund könnten wir sagen:
"Sitz! Platz! Mach eine Rolle!"
Du musst nur das Kommando geben.
Also, wie würdest du deinem Computer mit
Code sagen: "Sitz!"?
Naja, du könntest das so machen, indem du
das Kommando, z.B. sit (= sitz) schreibst,
und dann danach () einfügst,
um ihm zu sagen,
dass er das tun soll, was du
gesagt hast,
und dann fügst du noch ein ; am Ende
hinzu, was heißt:
"Ja, das Kommando ist rum."
Dann würde dein Computer sich hinsetzen.
Naja, dein Computer auf Khanacademy
ist natürlich kein Hund
und kann weder "Sitz" noch eine Rolle,
aber er weiß, dass er Rechtecke malen
soll, wenn du rect schreibst,
und das ist doch auch was, oder?
So, und das werden wir jetzt hier tun.
Wir geben das Kommando rect, das ist
nur der Name,
und dann schreiben wir ( und ),
um zu sagen, "mach das",
und dann schreiben wir ; am Ende.
So weiß dein Computer, dass er diese
Fähigkeit, rect, tun soll.
Zurück zu unserem rect.
Hier ist das Kommando
und hier sind die Klammern.
Aber was ist mit diesen seltsamen Zahlen?
Naja, die Idee ist, dass der Computer noch
nicht genug weiß,
wenn du nur sagst, "rect".
Stell dir vor,
ich gäbe dir ein Blatt Papier
und sagte dir, du solltest ein Rechteck
so zeichnen, wie ich es will.
Du wirst Fragen haben,
es sei denn, du kannst Gedanken lesen.
Zuerst könntest du fragen:
"wo soll ich das Rechteck zeichnen?".
Und ich würde antworten:
"Wie wär's, wenn wir uns
darauf einigen, dass die linke Seite
dieses Papiers,
lass uns die Null nennen,
und lass uns sagen,
die rechte Seite ist 400."
Und dann könnte ich dir eine Zahl sagen,
nehmen wir 100,
und du wüsstest, dass das genau ungefähr
hier sein muss. Vielleicht.
In etwa.
Damit bist du kurz zufrieden,
aber dann fragst du:
"Ich weiß, wie weit rechts es sein soll,
aber wie weit oben oder unten?"
Dann würde ich dir eine andere Zahl geben,
sagen wir mal, 200,
und ich würde sagen:
"Das ist oben, das ist 0,
und wir sagen wieder, dass das untere Ende
400 sein soll."
Und du dächtest dir:
"200, das wird hier
genau in der Mitte sein."
Und das ist toll,
weil du jetzt nachdenkst, und sagst:
"Okay, toll, ich werde dein Rechteck
genau hier zeichnen,
weil es 100 nach rechts ist
und 200 nach unten."
Aber das reicht immer noch nicht.
Jetzt fragst du dich:
"Wie groß soll das Rechteck werden?"
Und ich sage:
"Wie wär's mit, äh, 150 Breite?"
und du denkst dir:
"Also, da ist 100, und da ist 400,
also wenn es 150 breit sein soll,
könnten wir hierhin gehen?".
Und du denkst:
"Okay, cool, 150 Breite...ungefähr."
Und du fragst:
"Wie hoch soll es sein?"
Ich sage: "Nicht so hoch.
wie wär's mit 50?"
Du sagst: "Okay, naja, 50,
das ist vielleicht ungefähr so hoch?"
Und dann sagst du: "Cool!
Ich weiß genau,
wo dein Rechteck hin soll,
und wie es aussehen soll.
Dann mal ich es jetzt."
Das ist eine Menge Arbeit
für ein Rechteck, oder?
Aber die Idee ist,
dass nur mit den vier Zahlen--
100 nach rechts, 200 nach unten,
150 breit und nur 50 hoch--
sofort allen klar ist,
wie dieses Rechteck aussehen sollte.
Und so funktioniert auch der Computer.
Du kannst einfach das Kommando schreiben,
wie eben,
dann die ( und dann die vier Zahlen,
100, 200, 150 und dann 50,
) und dann ein ;
und er malt ein Rechteck,
genau da, wo wir es wollten.
Wenn wir ganz ehrlich sind,
ist es nicht wirklich da,
wo wir es gemalt haben.
Unsere Zahlen stimmen nicht ganz.
Was, wenn wir wollen, dass es mit dem
übereinstimmt, was wir gemalt haben?
Wir verändern das, damit es
etwas mehr drüben ist,
ein bisschen weniger hoch und tief,
ein bisschen schmaler,
und vielleicht ein kleines bisschen kleiner.
Jetzt haben wir ein Rechteck,
was zu dem passt, was wir gemalt haben,
weil wir verstehen,
was jede einzelne Zahl bedeutet,
und wir es ändern konnten,
bis es so aussah, wie gewollt.
Jetzt lass uns noch ein Rechteck malen.
Denn das Tolle hierbei ist,
dass wir Rechtecke malen können,
wo wir wollen.
Wie wär's mit ganz weit oben in der Ecke,
ganz oben?
Lass uns nachdenken, wo das wäre.
Ich denke mal, das wäre 0 rechts, 0 unten,
und vielleicht ziemlich klein,
sage wir mal, nur 50 breit
und vielleicht nur 10 hoch,
ein sehr kleines Rechteck.
Wir können das tun.
Wir schreiben rect,
und trennen diese Parameter mit Kommata,
und dann die Zahlen. Okay, cool.
Naja, nicht so cool, jetzt bekommen wir
diese Fehlermeldung:
"Oh nein! Sieht so aus, als fehlt ein )"
Und ja, klar, das fehlt.
So, da ist es. Sieht toll aus, oder?
Jetzt haben wir eine andere Fehlermeldung,
weil ein Semikolon fehlt.
Wir könnten auf "Show me where" klicken
und es würde uns diese Zeile zeigen.
Wir erinnern uns,
"Ach ja, Semikolons sind wie Punkte
am Ende eines Satzes
um die Zeile zu beenden, und da fehlt eins!
Aber wir können es einfach hinzufügen,
kein Problem, alles ist gut.
Schau mal, ein winziges Rechteck,
genau, wie wir es wollten.
Genau wie vorher können wir
es wachsen lassen,
wir können es verschieben,
und genau da positionieren,
wo wir es haben wollen.
Jetzt weißt du im Detail
genau wie rect funktioniert.
Wir haben behandelt,
was die Zahlen bedeuten,
und dass du immer das Kommando und
die Klammern schreiben musst,
mit einem Komma zwischen den Zahlen
und einem Semikolon am Ende.
Das sieht nach viel aus,
aber probier's ruhig selbst aus
und gewöhn dich dran.
Nächstes Mal werden wir
mehr Formen kennenlernen
und danach gestalten wir sie cooler,
mit verschiedenen Farben,
oder wir lassen sie über den Bildschirm fliegen.