Willkommen bei JavaScript!

JavaScript (oft abgekürzt als JS) ist die Programmiersprache des Webs. Ursprünglich wurde es entwickelt, um Webseiten interaktiv zu machen, und heute treibt es alles an — von Schaltflächen und Animationen im Browser bis hin zu vollständigen Backend-Servern, die mit Node.js gebaut werden. Es ist eine der wenigen Sprachen, die sich vom Frontend bis zum Backend einsetzen lässt, was ein wesentlicher Grund für ihre enorme Beliebtheit ist.

Diese Seite erklärt, was JavaScript ist, in welchen zwei Umgebungen es ausgeführt wird (Browser und Server), was es kann und warum es sich lohnt, es zu lernen. Am Ende verstehen Sie, welche Rolle JavaScript spielt und was Sie als Nächstes lernen sollten.

Was ist JavaScript?

JavaScript wurde 1995 von Brendan Eich bei Netscape entwickelt. Es war dazu gedacht, Webseiten auf Benutzeraktionen reagieren zu lassen — das Klicken auf Schaltflächen, das Ausfüllen von Formularen oder das Anzeigen von Inhalten, ohne die Seite neu zu laden.

Die Sprache ist unter einer Spezifikation namens ECMAScript standardisiert. Jede jährliche Ausgabe fügt neue Funktionen hinzu; die Ausgabe von 2015 (allgemein als ES6 bezeichnet) war ein großer Fortschritt, der Pfeilfunktionen, Template Literals, Klassen und Module einführte. Wenn Menschen von „modernem JavaScript" sprechen, meinen sie in der Regel ES6 und spätere Versionen.

Einige Begriffe, die JavaScript beschreiben und denen Sie häufig begegnen werden:

• High-level — Sie verwalten weder Speicher noch Hardware direkt.
• Dynamisch typisiert — eine Variable kann jeden Typ aufnehmen, und der Typ wird zur Laufzeit geprüft, nicht vorher.
• Interpretiert (JIT-kompiliert) — Code wird ohne separaten Kompilierschritt ausgeführt; die Engine (z. B. Chromes V8) kompiliert ihn zur Laufzeit.

Trotz des Namens ist JavaScript nicht mit Java verwandt. Der Name war eine Marketingentscheidung; die beiden Sprachen sind völlig verschieden.

Hier ist ein kleines Programm, das eine Nachricht ausgibt — dieser Code läuft identisch in einer Browser-Konsole und in Node.js:

const language = "JavaScript";
console.log(`Hello from ${language}!`);
// Output: Hello from JavaScript!

Was kann JavaScript?

• Die Seite dynamisch aktualisieren. JavaScript kann den Inhalt einer Webseite ändern, ohne eine neue Seite zu laden. Dies geschieht über das DOM (Document Object Model), die Live-Darstellung der Seite im Browser.
• Auf Ereignisse reagieren. Es führt Code als Reaktion auf Klicks, Tastendrücke, Scrollen, Formularabsendungen und vieles mehr aus.
• Asynchron mit Servern kommunizieren. Es kann Daten im Hintergrund abrufen (z. B. einen Benutzernamen prüfen, während der Nutzer weiter tippt), ohne die Seite einzufrieren.
• Daten speichern und verarbeiten. Es bietet integrierte Unterstützung für arrays, objects, Datumsangaben, Mathematik und Textverarbeitung.

Dieses Beispiel ändert die Hauptüberschrift einer Seite, wenn es im Browser ausgeführt wird:

// Runs in the browser: replace the text of the first <h1>
document.querySelector('h1').textContent = 'Hello, JavaScript!';

Wo JavaScript ausgeführt wird

JavaScript benötigt eine Engine, um zu laufen. Die zwei häufigsten Umgebungen sind der Browser und Node.js.

Im Browser

Jeder moderne Browser (Chrome, Firefox, Safari, Edge) verfügt über eine eingebaute JavaScript-Engine. Hier begann JavaScript, und hier macht es Webseiten interaktiv. Sie binden JavaScript mit dem <script>-Tag in eine HTML-Seite ein:

<!-- Load an external file -->
<script src="app.js"></script>

<!-- Or write code inline -->
<script>
  console.log('This runs in the browser.');
</script>

Sie können JavaScript sofort ausprobieren, ohne HTML zu schreiben: Öffnen Sie die Entwicklertools Ihres Browsers (drücken Sie F12 oder Strg+Umschalt+I / Cmd+Option+I auf dem Mac), klicken Sie auf die Registerkarte Console und geben Sie Code direkt ein.

Auf einem Server mit Node.js

Node.js ermöglicht es, JavaScript außerhalb des Browsers auszuführen — auf einem Server, Ihrem Laptop oder in Build-Tools. Ein Server ist ein Computer, der auf Anfragen antwortet, indem er beispielsweise eine Webseite oder Daten zurücksendet.

• Eine Sprache, Front und Back. Sie können sowohl den Teil, den Nutzer sehen, als auch die Serverlogik in derselben Sprache schreiben, was die Entwicklung vereinfacht.
• Gut für I/O-intensive Aufgaben. Node.js verarbeitet viele gleichzeitige Verbindungen effizient, was es für APIs und Echtzeit-Apps wie Chat geeignet macht.
• Ein riesiges Paket-Ökosystem. Node.js kommt mit npm, der größten Software-Registry der Welt, sodass Sie fertige Tools einbinden können, anstatt alles selbst zu schreiben.

Der wesentliche Unterschied: Code im Browser kann auf die Seite und den Nutzer zugreifen (document, window), während Node.js-Code auf das System (Dateien, Netzwerkserver) zugreift, aber keine Seite hat. Die Kernsprache ist in beiden Umgebungen identisch.

Warum JavaScript lernen?

• Es ist überall. Fast jede Website verwendet JavaScript, weshalb es eine grundlegende Fähigkeit für die Webentwicklung ist.
• Es öffnet Türen zu Frameworks. Das Erlernen von JavaScript ermöglicht die Nutzung beliebter Tools wie React, Angular, Vue.js und Node.js für die Entwicklung größerer Anwendungen.
• Es läuft fast überall. Über das Web hinaus wird JavaScript für mobile Apps (React Native) und Desktop-Apps (Electron) eingesetzt.
• Es hat eine große Community. Es stehen viele Tutorials, Bibliotheken und Hilfsangebote zur Verfügung, wenn man nicht weiterkommt.
• Es ist gefragt. Viele Stellenangebote verlangen JavaScript-Kenntnisse.
• Es gibt schnelles Feedback. Sie können Ihren Code sofort im Browser in Aktion sehen, was das Lernen angenehm macht.

Nächste Schritte

Jetzt, da Sie wissen, was JavaScript ist und wo es läuft, ist der beste Weg, es zu lernen, damit anzufangen, etwas zu schreiben. Empfehlenswerte nächste Kapitel:

• JavaScript-Variablen — wie man Daten speichert und benennt.
• JavaScript-Datentypen — die Arten von Werten, mit denen JavaScript arbeitet.
• JavaScript-Funktionen — wie man wiederverwendbaren Code gruppiert.
• JavaScript-Kommentare — wie man seinen Code mit Anmerkungen versieht.

Ob Sie eine Website erstellen, Server-Apps schreiben oder einfach programmieren lernen möchten — JavaScript ist ein großartiger Ausgangspunkt. Lernen Sie weiter mit uns bei W3Docs.

Übungen