Lektion 2: Grundlagen der JavaScript-Laufzeit: Syntax-Übung

Konzepterklärung

Diese Lektion bietet Ihnen eine praktische Einführung in die grundlegende Syntax, die JavaScript lesbar und vorhersehbar macht. Anstatt Regeln isoliert auswendig zu lernen, nehmen Sie ein kleines Skript, führen es aus, ändern es und beobachten, wie sich das Verhalten ändert. Ziel ist es, sich mit Anweisungen, Variablen, Bedingungen und der Gewohnheit vertraut zu machen, die Ausgabe nach jeder kleinen Änderung zu überprüfen. Am Ende sollten Sie in der Lage sein, einen kurzen Code-Schnipsel zu lesen und zu erklären, was er tut, ohne raten zu müssen.

Wo der Code hingehört

1. Beginnen Sie mit Variablen und Eingaben. Verwenden Sie die Syntax für Browser oder Node.js klar.
2. Fügen Sie die Verarbeitungslogik im mittleren Abschnitt hinzu.
3. Beenden Sie mit Ausgabe und schneller Validierung.

Befehlsreferenz

• Führen Sie den Schnipsel einmal aus, ändern Sie dann einen Wert und beobachten Sie, was in der Konsole ausgegeben wird.
• Zeigen Sie auf, wo Variablen, Strings und bedingte Logik im Beispiel erscheinen.
• Refaktorieren Sie den Startcode, sodass die Absicht klarer wird, ohne das Ergebnis zu ändern.
• Beschreiben Sie eine Alltagssituation, in der eine einfache Bedingung wie diese nützlich ist.

Schritt-für-Schritt-Anleitung

1. Tippen Sie den Startcode selbst ein, damit Sie die Syntax beim Schreiben bemerken.
2. Führen Sie das Skript aus und bestätigen Sie, welcher Zweig der Bedingung ausgeführt wird.
3. Ändern Sie einen Wert, führen Sie den Code erneut aus und vergleichen Sie die neue Ausgabe.
4. Benennen Sie mindestens eine Variable um, um das Skript leichter lesbar zu machen.
5. Fassen Sie in einem Satz zusammen, was die endgültige Version des Codes tut.

Übungsaufgaben

• Erstellen Sie ein zweites Beispiel, das einen anderen Wert überprüft, z. B. Alter, Punktzahl oder Warenkorb-Gesamtwert.
• Schreiben Sie das Skript um, sodass die Nachricht mit `template literals` anstelle von einfachen Strings erstellt wird.
• Fügen Sie eine zusätzliche Bedingung hinzu und erklären Sie, wie sie den Programmablauf ändert.

Coding-Challenges

• Schreiben Sie die gleiche Logik in zwei Stilen und entscheiden Sie, welche Version für einen Anfänger leichter zu warten ist.
• Machen Sie das Skript robuster, indem Sie einen unerwarteten oder leeren Wert behandeln.

Kleine Übungsaufgaben

• Benennen Sie die Hauptvariablen um, damit ihr Zweck auf den ersten Blick ersichtlich ist.
• Fügen Sie eine kleine Verbesserung zur Ausgabemeldung hinzu.
• Schreiben Sie eine einzeilige Notiz, die die genaue Bedingung beschreibt, die die Konsolenmeldung auslöst.