Zum Inhalt
wannacode

Den Computer vorbereiten

Kurz gesagt: Um JavaScript außerhalb des Browsers zu schreiben, installierst du Node.js und einen Editor, prüfst es mit node --version und startest dein erstes Programm.

Problem

Was du brauchst

Um Programme zu schreiben und zu starten, brauchst du zwei Dinge:

  1. Node.js: das Programm node, das JavaScript außerhalb des Browsers ausführt, und den Befehl npm für fertige Bibliotheken.
  2. Einen Editor für deinen Code. Du könntest ein Programm auch im Notepad schreiben, aber ein Editor für Programmierer färbt den Code ein, gibt dir Hinweise und zeigt Fehler schon beim Tippen.

Wenn du noch keinen Computer hast, auf dem du Programme installieren kannst, reicht für die ersten Tage ein Online-Editor: Such im Netz nach JavaScript online. Die Aufgaben aus dem Modul „Grundlagen der Sprache“ funktionieren auch dort. Für die größeren Programme später brauchst du eine Installation.

Die Idee

Node.js 22 installieren

Wir verwenden Node.js 22. Das ist eine Version mit Langzeitunterstützung (LTS): Sie bekommt Korrekturen bis April 2027. Lade sie von nodejs.org herunter, im Bereich Download. Wenn dort eine neuere LTS-Version angeboten wird (zum Beispiel 24), funktioniert sie auch: Alles im Kurs läuft darauf.

  • Windows und macOS: Lade das Installationsprogramm herunter und starte es.
  • Linux: Das Paket nodejs deines Systems ist oft eine alte Version. Auf nodejs.org findest du im Bereich Download Befehle für dein System.

Prüfen. Öffne ein neues Terminal (unter Windows: PowerShell oder die Eingabeaufforderung) und tippe:

Terminal
node --version

Du solltest die Versionsnummer sehen. Die Zahlen nach 22 können anders sein:

v22.11.0

Die Idee

Einen Editor wählen

Zwei gute Möglichkeiten:

  • Visual Studio Code: Er versteht JavaScript von sich aus, ohne Erweiterungen. Öffne sein Terminal (Terminal → New Terminal) und starte deine Programme von dort.
  • WebStorm von JetBrains: ein Editor speziell für JavaScript. Für nicht kommerzielle Nutzung ist er kostenlos, und dazu gehört auch das Lernen.

Welchen Editor du wählst, ist nicht so wichtig. Wichtiger ist, dass du dich an einen gewöhnst und ihn jeden Tag benutzt.

Sieh es dir an

Dein erstes Programm auf deinem Computer

Leg einen Ordner für den Kurs an und darin eine Datei namens shop.js mit diesem Inhalt:

shop.js
console.log("Hallo!");
Ausgabe
Hallo!

Das ist das ganze Programm: eine Zeile, ohne irgendetwas drumherum. Wechsle im Terminal in den Ordner (cd und der Pfad dorthin) und starte:

Terminal
node shop.js

Node.js prüft die Datei, übersetzt sie und führt sie sofort aus. Im Ordner erscheint keine weitere Datei.

Genauer, für Neugierige
  • Der Befehl node ohne Datei öffnet einen Modus, in dem du Zeile für Zeile tippst und das Ergebnis sofort siehst. Er ist praktisch, um eine einzelne Zeile auszuprobieren. Du verlässt ihn mit Strg+D oder mit .exit.
  • JavaScript läuft auch im Browser: Drück F12 und öffne den Reiter Console. Auch dort kannst du Zeile für Zeile ausprobieren, aber in diesem Kurs startest du Programme mit Node.js.
  • Wenn das Terminal unter Windows statt Zeichen wie ä, ü oder € Fragezeichen oder seltsame Symbole zeigt, ist das Terminal nicht auf UTF-8 eingestellt. Tippe chcp 65001 und starte das Programm noch einmal. In Editoren gibt es dieses Problem meist nicht.

Probier es aus

Ändern und noch einmal starten

Füge eine zweite Zeile hinzu, die „Dein Computer ist bereit.“ ausgibt, speichere die Datei und starte das Programm noch einmal. Du solltest das sehen:

Ausgabe
Hallo!
Dein Computer ist bereit.

Wenn du nur „Hallo!“ siehst, ist die Datei höchstwahrscheinlich nicht gespeichert. Hier ist das ganze Programm, falls du nicht weiterkommst:

shop.js
console.log("Hallo!");
console.log("Dein Computer ist bereit.");

Warum eine Änderung, die du nicht gespeichert hast, nicht beim Programm ankommt:

console.log("Hallo!");
console.log("Dein Computer ist bereit.");
Schritt für Schritt, in Worten
  1. Im Editor und in der Datei auf der Festplatte steht nur die erste Zeile.
  2. Du startest node shop.js: Node.js liest die Datei auf der Festplatte.
  3. Du fügst im Editor eine zweite Zeile hinzu. Die Datei auf der Festplatte ist noch die alte.
  4. Du startest ohne zu speichern: Du bekommst immer noch nur „Hallo!“.
  5. Du speicherst (Strg+S): Der Editor schreibt den Text in die Datei auf der Festplatte.
  6. Du startest noch einmal: Jetzt sieht das Programm auch die zweite Zeile.

Die Idee

Wenn es nicht startet

  • „Der Befehl "node" ist entweder falsch geschrieben oder konnte nicht gefunden werden“ (Windows) oder „command not found“ (macOS, Linux): Das Terminal findet Node.js nicht. Schließ es und öffne ein neues, denn das alte sieht die Änderungen der Installation nicht. Wenn es immer noch nicht geht, starte das Installationsprogramm noch einmal.
  • node --version zeigt eine alte Version, etwa v18: Auf dem Computer gibt es noch eine ältere Installation. Installiere Node.js 22 von nodejs.org.
  • „Error: Cannot find module '…/shop.js'“: Du startest aus dem falschen Ordner, oder die Datei heißt anders. Wechsle in den Ordner mit shop.js (cd und der Pfad dorthin).
  • SyntaxError oder eine andere Meldung mit einer Zeilennummer: Node.js ist gestartet und hat die Datei gelesen, die Installation ist also in Ordnung. Vergleiche deinen Code Zeichen für Zeichen mit dem Beispiel.

Kurz gesagt

Kurz gesagt

  • Du brauchst Node.js 22 und einen Editor: VS Code oder WebStorm.
  • node --version zeigt, ob Node.js installiert ist.
  • node shop.js prüft die Datei, übersetzt sie und führt sie aus.
  • Wenn das Terminal den Befehl nicht findet, öffne ein neues Terminal.

Als Nächstes kommt die Lektion darüber, wie man eine Aufgabe löst, bevor auch nur eine Zeile Code geschrieben ist.

Erstellt von Ivo Gergov im Rahmen der Kampagne von Evo Tech für zugängliche Programmierausbildung ·