JavaScript-Einführung: Hello World und mehr

Willkommen in der Welt von JavaScript! Dieses Tutorial führt Sie durch die grundlegenden Konzepte, beginnend mit dem klassischen „Hello, World!“-Programm und fortfahrend zu essentiellen Syntaxregeln. JavaScript, eine leistungsstarke Skriptsprache, ist integraler Bestandteil der Webentwicklung und daher eine entscheidende Fähigkeit für angehende Entwickler.

Erste Schritte: Ihr erstes JavaScript-Programm

Der einfachste Weg, eine Programmiersprache zu erlernen, ist die Erstellung eines Programms, das eine Nachricht anzeigt. In JavaScript erreichen wir dies mit der Methode console.log(). Diese Methode gibt einen Wert an die Konsole des Browsers aus (normalerweise zugänglich durch Drücken von F12).

Erstellen wir unser „Hello, World!“-Programm:

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

Um diesen Code auszuführen, haben Sie mehrere Möglichkeiten:

• Browser-Entwicklerkonsole: Öffnen Sie die Entwicklerkonsole Ihres Browsers (normalerweise F12), fügen Sie diese Zeile ein und drücken Sie die Eingabetaste. Sie sehen „Hello, World!“ angezeigt.
• HTML-Datei: Erstellen Sie eine HTML-Datei (z. B. index.html) und betten Sie den JavaScript-Code in <script>-Tags ein:

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

Öffnen Sie diese HTML-Datei in Ihrem Browser. Die Nachricht wird in der Konsole angezeigt; auf der Webseite selbst ändert sich nichts sichtbar. Wie man die Webseite direkt manipuliert, werden wir in späteren Tutorials behandeln.

Verständnis der JavaScript-Syntax

Nachdem wir unser erstes Programm ausgeführt haben, wollen wir die essentiellen JavaScript-Syntaxregeln untersuchen:

• Groß-/Kleinschreibung: JavaScript ist Groß-/Kleinschreibung sensitiv. console.log unterscheidet sich von Console.Log oder CONSOLE.LOG.
• Semikolons: Obwohl in einigen Fällen optional, ist es Best Practice, jede Anweisung mit einem Semikolon (;) zu beenden. Dies verbessert die Lesbarkeit des Codes und verhindert potenzielle Fehler.
• Kommentare: Kommentare sind entscheidend, um Ihren Code zu erklären. JavaScript unterstützt:
• Einerzeilige Kommentare: // Dies ist ein einzeiliger Kommentar
• Mehrzeilige Kommentare: /* Dies ist ein mehrzeiliger Kommentar, der sich über mehrere Zeilen erstrecken kann */
• Variablen: Variablen speichern Daten. Verwenden Sie let (für veränderliche Werte) oder const (für Konstanten), um Variablen zu deklarieren:


let message = "Hallo"; // Deklariert eine Variable und weist ihr einen String-Wert zu.
const pi = 3.14159; // Deklariert eine Konstante und weist ihr einen numerischen Wert zu.


• Datentypen: JavaScript verarbeitet verschiedene Datentypen, darunter Zahlen, Strings, Booleans (true/false), null, undefined und Objekte. Wir werden diese später im Detail behandeln.
• Operatoren: JavaScript verwendet Operatoren für Arithmetik (+, -, *, /), Vergleich (==, !=, >, <, >=, <=), Logik (&&, ||, !) und Zuweisung (=, +=, -=, usw.).

Diese Einführung legt den Grundstein für Ihre JavaScript-Reise. Zukünftige Tutorials werden tiefer in fortgeschrittene Konzepte eintauchen. Bleiben Sie dran!

Inhaltsverzeichnis

• Erste Schritte: Ihr erstes JavaScript-Programm
• Verständnis der JavaScript-Syntax