Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).
JavaScript
Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).
JavaScript ist die Programmiersprache des Webs: Jeder Browser führt sie aus, um Webseiten interaktiv zu machen. Mit Node.js läuft JavaScript auch außerhalb des Browsers, etwa für Kommandozeilenwerkzeuge, Webserver und Build-Werkzeuge.
Vorbemerkungen
- Browser oder Node.js: Zum Ausprobieren reicht die Entwicklerkonsole jedes Browsers (in Firefox und Chromium mit F12). Für Programme auf dem Rechner und für fast alle Werkzeuge der Webentwicklung braucht man aber Node.js. Diese Anleitung richtet Node.js ein.
- Versionen: Ubuntu 26.04 liefert Node.js 22 (LTS) und npm 9. Für die Anleitungen in diesem Buch reicht das aus.
- npm: Der Paketmanager
npmlädt Bibliotheken aus dem npm-Verzeichnis und speichert sie pro Projekt im Ordnernode_modules. Welche Pakete ein Projekt braucht, steht in der Dateipackage.json. - Grundlage für andere Anleitungen: Node.js wird u. a. für Express.js, Yjs und Automerge, Docusaurus, VitePress und Astro Starlight gebraucht.
Installation
1. Paketlisten aktualisieren
Damit apt die aktuellen Versionen aus den Ubuntu-Paketquellen kennt.
sudo apt update
2. Node.js und npm installieren
Installiert die JavaScript-Laufzeitumgebung node und den Paketmanager npm.
sudo apt install nodejs npm
Prüfen: Die Ausgabe beginnt mit v22..
node --version
Prüfen: Auch npm meldet seine Version.
npm --version
Erstes Programm
3. Arbeitsordner anlegen
Ein eigener Ordner für das Übungsprojekt.
mkdir -p ~/js-uebung
4. In den Ordner wechseln
Alle folgenden Befehle beziehen sich auf diesen Ordner.
cd ~/js-uebung
5. Skript anlegen
Legt hallo.js an. Das Skript filtert aus einer Liste alle Namen mit mehr als zwei Zeichen heraus und gibt sie zusammen mit der Node.js-Version aus.
nano hallo.js
Füge diesen Inhalt ein (im Terminal mit Strg+Umschalt+V), speichere mit Strg+O und Enter und beende nano mit Strg+X:
const sprachen = ['C', 'C++', 'Java', 'Python', 'C#', 'JavaScript'];
const lang = sprachen.filter((s) => s.length > 2);
console.log(`Hallo aus Node.js ${process.version}!`);
console.log('Lange Namen:', lang.join(', '));
6. Skript ausführen
node liest die Datei und führt sie sofort aus, ein Übersetzungsschritt ist nicht nötig.
node hallo.js
Prüfen: Die Ausgabe lautet:
Hallo aus Node.js v22.…!
Lange Namen: C++, Java, Python, JavaScript
Projekt mit npm
7. Projekt anlegen
Erzeugt die Datei package.json mit Standardwerten. Sie beschreibt das Projekt und listet später die benötigten Pakete auf.
npm init -y
Prüfen: Die Datei package.json wird im Terminal angezeigt.
8. Moderne Modulschreibweise einschalten
Stellt das Projekt auf ES-Module um. Dann können Dateien andere Dateien und Pakete mit import … from … einbinden, so wie es auch im Browser üblich ist.
npm pkg set type=module
9. Paket installieren
Installiert als Beispiel die Bibliothek dayjs zum Rechnen mit Datum und Uhrzeit. Sie landet in node_modules, und package.json erhält einen Eintrag unter dependencies.
npm install dayjs
Prüfen: Das Paket erscheint in der Liste.
npm ls
10. Skript mit dem Paket anlegen
Legt datum.js an. Das Skript bindet dayjs ein und rechnet aus, welches Datum in 100 Tagen ist.
nano datum.js
Füge diesen Inhalt ein (im Terminal mit Strg+Umschalt+V), speichere mit Strg+O und Enter und beende nano mit Strg+X:
import dayjs from 'dayjs';
const heute = dayjs();
const spaeter = heute.add(100, 'day');
console.log(`Heute: ${heute.format('DD.MM.YYYY')}`);
console.log(`In 100 Tagen: ${spaeter.format('DD.MM.YYYY')}`);
11. Skript ausführen
node datum.js
Prüfen: Es erscheinen zwei Zeilen mit dem heutigen Datum und dem Datum in 100 Tagen.
12. Optional: Bei Änderungen automatisch neu starten
Mit --watch startet Node.js das Skript bei jedem Speichern neu. Das ist praktisch während der Entwicklung. Beenden mit Strg+C.
node --watch datum.js
Wie geht es weiter?
- Interaktiv ausprobieren:
nodeohne Dateiname öffnet eine Eingabezeile für einzelne Anweisungen. Beenden mit.exit. - Neuere Node.js-Version: Wer eine aktuellere Version als 22 braucht, kann mit dem Versionsverwalter
nvmweitere Versionen im eigenen Benutzerordner installieren, ohne die Ubuntu-Pakete zu verändern. - TypeScript: TypeScript ergänzt JavaScript um Typangaben und findet so viele Fehler schon beim Schreiben. Es wird pro Projekt mit
npm install --save-dev typescripteingebunden. - Webserver: Die Anleitung Express.js baut darauf auf.
- Editor: Visual Studio Code unterstützt JavaScript und TypeScript ohne zusätzliche Erweiterung.
Deinstallieren
1. Übungsordner entfernen
Löscht das Projekt samt node_modules.
rm -rf ~/js-uebung
2. Node.js und npm entfernen
Nur ausführen, wenn kein anderes Programm Node.js braucht (siehe Vorbemerkungen).
sudo apt purge nodejs npm
3. Nicht mehr benötigte Abhängigkeiten entfernen
Räumt Pakete auf, die nur für Node.js und npm installiert wurden.
sudo apt autoremove
4. Zwischenspeicher von npm löschen
npm speichert heruntergeladene Pakete in ~/.npm.
rm -rf ~/.npm
Prüfen: Die Meldung lautet node: Befehl nicht gefunden bzw. command not found.
node --version
Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).
Open Knowledge (Freies Wissen): Alle Texte stehen unter der freien Lizenz Creative Commons Namensnennung – Weitergabe unter gleichen Bedingungen 4.0 International (CC BY-SA 4.0) und können frei gelesen, geteilt und weiterverarbeitet werden.