Was Programmieren ist

Ein Programm ist eine Liste von Anweisungen, und JavaScript führt sie nacheinander aus, eine Anweisung nach der anderen, von der obersten Zeile bis zur untersten.

Anweisungen, denen ein Computer folgen kann

In einem Rezept steht: „Zwei Eier aufschlagen, verquirlen, in die Pfanne geben.“ Ein Mensch ergänzt dabei vieles selbst: welche Schüssel, wie kräftig verquirlen, was tun, wenn ein Stück Schale hineinfällt. Ein Computer ergänzt nichts. Er tut genau das, was die Anweisungen sagen, genau in der Reihenfolge, in der sie stehen, und er bricht mit einem Fehler ab, sobald ihm eine Anweisung keinen Sinn ergibt. Programmieren heißt, Anweisungen so genau zu schreiben, dass eine Maschine ihnen folgen kann.

Diese Anweisungen schreibt man in einer Programmiersprache. Eine Programmiersprache hat einen kleinen Wortschatz und eine strenge Grammatik, damit jede Zeile genau eine Sache bedeutet und nichts anderes. Dieser Kurs verwendet JavaScript. Diese Sprache ist in jeden Webbrowser eingebaut, du hast also schon alles, was du zum Ausführen brauchst: Die Übungsboxen auf diesen Seiten führen deinen Code direkt in dem Browser aus, mit dem du gerade liest. JavaScript läuft auch außerhalb von Browsern, in Werkzeugen wie Node.js, und die Grundlagen, die du hier lernst, funktionieren dort genauso.

Deine erste Zeile Code

Fast jeder Programmierkurs beginnt damit, dass der Computer eine Nachricht ausgibt. In JavaScript sieht das so aus:

console.log("Hello, world!");

Lies sie Stück für Stück. console ist der Ort, an dem ein Programm Nachrichten für die Person schreibt, die es ausführt. .log heißt „schreib dort eine Zeile hin“. Die runden Klammern enthalten, was geschrieben werden soll, und die doppelten Anführungszeichen kennzeichnen Hello, world! als Text statt als weiteren Code. Das Semikolon am Ende schließt den Befehl ab, so wie ein Punkt einen Satz abschließt. Einen solchen vollständigen Befehl nennt man Anweisung (statement). Wenn sie läuft, zeigt die Konsole eine einzige Zeile: Hello, world! Die Anführungszeichen werden nicht ausgegeben. Sie sagen JavaScript nur, wo der Text anfängt und aufhört.

Von oben nach unten, eine Anweisung nach der anderen

Ein Programm mit mehreren Anweisungen führt sie der Reihe nach aus. Die zweite Zeile beginnt erst, wenn die erste fertig ist. Das Programm unten gibt drei Zeilen aus, und zwar in derselben Reihenfolge wie im Code:

console.log("Wake up");
console.log("Brush teeth");
console.log("Eat breakfast");
// gibt aus:
// Wake up
// Brush teeth
// Eat breakfast

Vertausch die ersten beiden Zeilen, und die Ausgabe vertauscht sich auch. Das klingt selbstverständlich, aber ein großer Teil der Anfängerfehler kommt von Anweisungen in der falschen Reihenfolge: Ein Wert wird benutzt, bevor er berechnet wurde, oder eine Summe wird ausgegeben, bevor der letzte Posten dazugezählt ist.

Kommentare sind Notizen für Menschen

Im Beispiel oben sind die Zeilen, die mit // beginnen, Kommentare. JavaScript überspringt alles von // bis zum Ende dieser Zeile, du kannst also Notizen für dich oder für andere hineinschreiben. Für eine Notiz über mehrere Zeilen beginnst du mit /* und endest mit */. Kommentare sind auch praktisch, um eine Zeile abzuschalten, ohne sie zu löschen: Setz // davor, und sie läuft nicht mehr.

Wenn etwas schiefgeht

JavaScript unterscheidet Groß- und Kleinschreibung: console.log funktioniert, Console.log und console.Log nicht. Ein falsch geschriebener Name wie consol.log bricht das Programm mit einer Meldung wie ReferenceError: consol is not defined ab. Ein fehlendes schließendes Anführungszeichen oder eine fehlende Klammer ergibt einen SyntaxError. Das heißt, der Code ist überhaupt kein gültiges JavaScript, also läuft gar nichts. Fehlermeldungen wirken anfangs erschreckend, aber eigentlich sagt dir der Computer damit, wo er hängen geblieben ist. Lies die erste Zeile der Meldung, such den Namen, den sie nennt, und vergleiche ihn Zeichen für Zeichen mit deinem Code.

So funktionieren die Übungsboxen

Jede Übungsbox zeigt links deinen Code und rechts die Ausgabe (auf dem Handy darunter). „Abspielen“ führt den Code aus, Strg+Enter oder Cmd+Enter macht dasselbe über die Tastatur. „Prüfen“ führt den Code aus und vergleicht jede ausgegebene Zeile mit der erwarteten Antwort. Rechtschreibung, Großbuchstaben und Leerzeichen innerhalb der Zeile zählen also alle. „Von vorn“ holt den ursprünglichen Code zurück. Der Code läuft in einem abgeschotteten Rahmen, du kannst beim Ausprobieren also nichts kaputtmachen.