Web Development

Web-Grundlagen

Frontend, Backend, API, Webtechnologien und der Einstieg in Webentwicklung.

Web-Grundlagen

Webentwicklung ist der Bau von Webseiten und Webanwendungen. Dabei geht es um Inhalte, Gestaltung, Interaktion, Daten und technische Kommunikation.

Frontend

Das Frontend ist alles, womit Benutzer direkt interagieren.

Beispiele:

  • Texte
  • Buttons
  • Formulare
  • Navigation
  • Bilder
  • Layout
  • Animationen
  • Fehlermeldungen

Aus Benutzersicht ist das Frontend oft gleichbedeutend mit der Benutzeroberfläche.

Backend

Das Backend läuft im Hintergrund. Es verarbeitet Daten, prüft Berechtigungen, kommuniziert mit Datenbanken und liefert Antworten an das Frontend.

Typische Aufgaben:

  • Login prüfen
  • Daten speichern
  • Daten aus einer Datenbank laden
  • Bestellungen verarbeiten
  • E-Mails versenden
  • externe Dienste anbinden

API

Eine API verbindet Frontend und Backend. Sie definiert, wie Anfragen gestellt und Antworten zurückgegeben werden.

Eine gute Analogie ist ein Restaurant:

RestaurantWebentwicklung
GastBenutzer
MenüFrontend
KellnerAPI
KücheBackend
ZutatenlagerDatenbank

Der Gast wählt aus dem Menü. Der Kellner bringt die Bestellung in die Küche. Die Küche verarbeitet die Anfrage und der Kellner bringt die Antwort zurück.

Die drei Säulen des Webs

TechnologieAufgabe
HTMLStruktur und Bedeutung
CSSGestaltung und Layout
JavaScriptVerhalten und Interaktion

HTML ist das Grundgerüst, CSS gestaltet dieses Gerüst und JavaScript macht es interaktiv.

Warum ist der Einstieg niedrig?

Für den Anfang braucht man nur:

  • einen Computer
  • einen Browser
  • einen Code-Editor
  • optional eine Internetverbindung
Der Einstieg ist leicht, aber die Komplexität wächst schnell: Responsive Design, Accessibility, Frameworks, APIs, State Management und Performance kommen später dazu.

Zuletzt aktualisiert: 6. Juni 2026