React ist keine eigene Programmiersprache. React-Oberflächen werden mit JavaScript oder TypeScript beschrieben. Wir starten mit JavaScript und einer Textausgabe. Dafür brauchst du noch keine Website. Node.js führt JavaScript außerhalb des Browsers aus. Ein Browser besitzt zusätzlich Funktionen für Webseiten. Später verwenden wir React sowohl im Browser als auch in mobilen Apps.
01Node.js vorbereiten
Installiere Node.js 22 oder neuer von der offiziellen Website. Öffne ein Terminal und prüfe node --version. Lege einen neuen Lernordner an. Ein Terminal führt Befehle aus, ein Editor bearbeitet Dateien. Du brauchst beides.
02Code schreiben
Speichere das Beispiel als hello.mjs. .mjs kennzeichnet ein JavaScript-Modul. console.log schreibt einen Wert in die Konsole. Runde Klammern enthalten die übergebenen Werte. Anführungszeichen machen den Inhalt zu Text.
console.log('Hello, AppFabrik!');
Starten / prüfen
node hello.mjs03Starten und verändern
Führe node hello.mjs im Ordner der Datei aus. Ändere die Begrüßung, speichere und starte erneut. Anders als im Browser ist document in Node.js nicht automatisch vorhanden. document gehört zu einer Webseite, nicht zur Sprache selbst.
Hello, AppFabrik!
Deine Übung
Gib eine zweite Zeile mit deinem Vornamen aus. Öffne zusätzlich die Entwicklerkonsole deines Browsers und führe denselben console.log-Aufruf aus.
Lösung mit Erklärung anzeigen
Ergänze console.log("Your name"). Beide Umgebungen verstehen diesen Aufruf. Die Ausgabe landet im Terminal beziehungsweise in der Browserkonsole. Das beweist nicht, dass alle anderen APIs in beiden Umgebungen existieren.
Projektbezug und Quellen
Das Beispiel ist zum Lernen vereinfacht. Die verlinkte Codeversion zeigt die Anwendung im Projekt und die dortigen Prüfungen.