Level-7-Herausforderung

Alles zusammensetzen — einen kompletten Server bauen

⏱ ca. ~6 Min

01 · Lesen

Zeit, alles zusammenzusetzen, was du gelernt hast. In dieser Herausforderung baust du einen kompletten Server von null und kombinierst alles aus Level 7: - HTML-Seiten ausliefern - Text-Routes - JSON-API-Endpoint - Query-Parameter - Projekt mit .gitignore richtig konfigurieren - Versionskontrolle mit Git und GitHub

Hier wird nicht Schritt für Schritt geführt. Du hast das Wissen aus den vorigen Lektionen. Schau in die Tipps, wenn du hängenbleibst — aber probier erst selbst.

So fühlt sich echte Entwicklung an: Du kennst die einzelnen Teile, jetzt setzt du sie zu einem kompletten Ganzen zusammen.

Kernpunkte

Diese Herausforderung kombiniert alles aus Level 7
Probier jeden Schritt zuerst selbst, schau dann in die Tipps
Es ist okay, in früheren Lektionen nachzuschlagen
Am Ende hast du ein echtes Projekt auf GitHub

02 · Checkliste

Bau einen Server mit allen folgenden Features. Hak jedes ab, sobald es funktioniert.

GET / liefert eine HTML-Begrüßungsseite aus
GET /about liefert eine Über-uns-Seite aus
GET /api/time gibt JSON mit der aktuellen Zeit zurück
GET /api/greeting?name=Sara gibt eine personalisierte Begrüßung zurück
Eine ordentliche .gitignore mit node_modules/ und .env
Das Projekt nach GitHub gepusht

03 · Quiz

Bevor du ein Node.js-Projekt nach GitHub pushst, welche Datei legst du an, damit node_modules nicht committet wird?

.env
package-lock.json
.npmrc
.gitignore

04 · Ausfüllen

Um aus einem Express-Route-Handler JSON-Daten zurückzugeben, benutzt du res._____(data) statt res.send(data).

05 · Lesen

Glückwunsch — du hast gerade einen echten Webserver gebaut und auf GitHub veröffentlicht.

Lass das mal sacken. Vor ein paar Lektionen hast du Node.js zum ersten Mal installiert. Jetzt hast du: - einen funktionierenden Webserver, der HTML-Seiten ausliefert - API-Endpoints, die Live-JSON-Daten zurückgeben - dynamische Routes, die auf Nutzereingaben (Query-Parameter) reagieren - ein Projekt mit Versionskontrolle, ordentlich konfiguriert - deinen Code auf GitHub, für die Welt sichtbar

Das ist kein Spielzeug und keine Simulation. Das ist echte Software, mit den gleichen Werkzeugen und Mustern, die professionelle Entwickler jeden Tag benutzen.

Die zentrale Erkenntnis aus Level 7: Software bauen heißt nicht Syntax auswendig lernen. Es heißt, jedes Teil zu verstehen — Server, Routes, Antworten, Datenformate — und sie dann zusammenzusetzen. Du verstehst diese Teile jetzt.

Gleich hilft dir Claude Code, sie noch viel schneller zusammenzusetzen.

Kernpunkte

Du hast einen echten, funktionierenden Webserver von null gebaut
Du hast sowohl HTML-Seiten als auch JSON-API-Endpoints gebaut
Dein Code ist auf GitHub — ein echtes Projekt in deinem Portfolio
Nächste Station: Claude Code beschleunigt deine Entwicklungsgeschwindigkeit enorm

06 · Quiz

Ein neuer Entwickler stößt zu deinem Projekt. Er klont das Repo von GitHub, führt npm install aus, aber der Server startet nicht. Welche Datei hat er wahrscheinlich vergessen anzulegen?

Eine .env-Datei mit umgebungsspezifischer Konfiguration
node_modules/ — er muss deine manuell kopieren
.gitignore — ohne sie startet der Server nicht
app.js — der Server-Einstiegspunkt, sollte eigentlich im Repo sein

Andere Lektionen aus diesem Kapitel

⚠ Das volle interaktive Erlebnis braucht JavaScript. Bitte aktiviere es und lade die Seite neu.

※ Diese Seite ist ein unabhängiges Bildungsprojekt — kein offizielles Anthropic-Produkt. Claude™ ist eine eingetragene Marke von Anthropic, PBC.