Kurz gesagt

Es gibt nicht eine Sprache des Webs, sondern eine kleine Familie ergaenzender Sprachen, die zusammenarbeiten. Jede hat eine genaue Rolle, und das Erste, was man verstehen muss, ist, wo sie laeuft: in Ihrem Browser (dem Front-End) oder auf dem entfernten Server (dem Back-End).

Alles laesst sich in drei Familien einordnen:

• Front-End — was im Browser des Besuchers laeuft: HTML, CSS, JavaScript.
• Back-End — was auf dem Server laeuft, fuer den Besucher unsichtbar: PHP, Python, Node.js, Ruby, Java, C#, Go, Rust…
• Daten — die Sprache, die mit den Datenbanken spricht: SQL.

Das Basis-Trio: HTML, CSS, JavaScript

Diese drei sind unverzichtbar: egal welche Website, sie sind immer dabei. Sie teilen sich die Arbeit wie beim Bau eines Hauses.

• HTML — die Struktur (das Skelett). Es beschreibt den Inhalt: Ueberschriften, Absaetze, Links, Bilder, Formulare. Es ist keine Programmiersprache im strengen Sinne (es gibt keine “Logik”), sondern eine Auszeichnungssprache. Es ist das Fundament jeder Seite.
• CSS — die Gestaltung (das Einkleiden). Farben, Schriften, Abstaende, Layout, Anpassung an Mobilgeraete (responsive). Auch es enthaelt keine Logik: Es entscheidet ueber das Aussehen.
• JavaScript — die Interaktivitaet (die Bewegung). Aufklappmenues, dynamische Formulare, Animationen, Aktualisierungen ohne Neuladen der Seite, Aufrufe von APIs. Es ist die einzige echte Programmiersprache, die jeder Browser nativ ausfuehrt.

Gut zu wissen: TypeScript ist JavaScript, dem man “Typen” hinzufuegt (Schutzleitplanken, die Fehler vor der Ausfuehrung erkennen). In grossen Projekten weit verbreitet, wird es anschliessend in JavaScript umgewandelt, um im Browser zu laufen.

Die serverseitigen Sprachen (Back-End)

Sobald eine Website denken muss — massgeschneiderte Seiten anzeigen, Konten verwalten, eine Bestellung speichern, mit einer Datenbank sprechen — braucht es eine serverseitige Sprache. Mehrere konkurrieren um dieses Feld, jede mit ihrer eigenen Kultur:

• PHP — der Veteran des Webs. Es betreibt WordPress und einen riesigen Anteil der bestehenden Websites. Einfach zu hosten, allgegenwaertig (siehe der LAMP-Stack).
• Python — lesbar und vielseitig. Koenig der KI und der Daten, es macht ueber Django oder Flask auch Web.
• JavaScript / Node.js — die gleiche Sprache wie im Front-End, aber auf der Serverseite. Eine einzige Sprache fuer die gesamte Anwendung (siehe Node.js).
• Ruby — gilt als produktiv und angenehm, populaer gemacht durch das Framework Ruby on Rails.
• Java — robust und strukturiert, sehr praesent in grossen Unternehmen und Anwendungen mit hohem Datenaufkommen.
• C# — die Sprache des Microsoft-Oekosystems (.NET), im Unternehmensumfeld verbreitet.
• Go — von Google entwickelt: einfach, schnell, zugeschnitten auf Dienste und moderne Infrastrukturen.
• Rust — gewinnt an Bedeutung wegen seiner Speichersicherheit und seiner Leistung, dort wo Zuverlaessigkeit entscheidend ist.

Keine ist im Absoluten “die beste”: Die richtige Wahl haengt vom Projekt, vom Team und vom Oekosystem ab.

Die Sprache der Daten: SQL

Sobald eine Website Informationen speichert (Kunden, Produkte, Artikel), stuetzt sie sich auf eine Datenbank. Um mit ihr zu sprechen, verwendet man SQL (Structured Query Language):

SELECT name, stadt FROM kunden WHERE stadt = 'Lyon';

SQL ist auf der Datenseite nahezu universell: Es betreibt MySQL, PostgreSQL, MariaDB, SQLite… Daneben ordnen die sogenannten NoSQL-Datenbanken (wie MongoDB) die Daten anders an und verwenden kein SQL — fuer bestimmte Zwecke nuetzlich, aber SQL bleibt die Referenz.

Uebersichtstabelle

Sprache	Familie	Wo sie laeuft	Wozu sie dient
HTML	Front-End	Browser	Die Struktur, der Inhalt
CSS	Front-End	Browser	Die Gestaltung, das Aussehen
JavaScript	Front-End (und Back-End)	Browser (und Server mit Node.js)	Die Interaktivitaet
TypeScript	Front-End (und Back-End)	In JavaScript umgewandelt	Durch Typen “abgesichertes” JavaScript
PHP	Back-End	Server	Logik, dynamische Seiten (WordPress)
Python	Back-End	Server	Web, KI, Daten, Automatisierung
Node.js	Back-End	Server	JavaScript auf der Serverseite
Ruby	Back-End	Server	Schnell zu entwickelndes Web (Rails)
Java / C#	Back-End	Server	Grosse Unternehmensanwendungen
Go / Rust	Back-End	Server	Leistungsstarke Dienste, Infrastruktur
SQL	Daten	Datenbank	Daten lesen und schreiben

Und die “Frameworks” in alledem?

Oft verwechselt man Sprache und Framework. Ein Framework ist keine Sprache: Es ist ein Werkzeugkasten, der auf einer Sprache aufbaut, mit fertigen Konventionen, um schneller voranzukommen.

• React, Vue, Angular, Svelte → auf JavaScript aufbauend.
• Laravel, Symfony → auf PHP aufbauend.
• Django, Flask → auf Python aufbauend.
• Ruby on Rails → auf Ruby aufbauend.

Man waehlt also zuerst eine Sprache und oft danach ein Framework, um das Projekt zu strukturieren.

Welche zuerst lernen?

Man muss nicht alles lernen. Eine pragmatische Reihenfolge:

1. HTML + CSS — unverzichtbar und schon ab dem ersten Tag zugaenglich.
2. JavaScript — am lohnendsten: Es dient der Browserseite und der Serverseite und oeffnet die Tuer zu modernen Frameworks.
3. Eine Serversprache je nach Ziel: Python fuer Daten und KI, PHP fuer die WordPress-Welt, Node.js, wenn Sie bei JavaScript bleiben.
4. Grundkenntnisse in SQL — nuetzlich, sobald Daten im Spiel sind.

Zum Merken

Eine Website wird nie in einer einzigen Sprache geschrieben: Sie ist ein Team von Sprachen, die zusammenarbeiten. Das Trio HTML / CSS / JavaScript ist immer da, im Browser. Das Back-End (PHP, Python, Node.js…) und SQL kommen ins Spiel, sobald es Logik oder Daten braucht. Zu verstehen, wer was macht, heisst schon, die Sprache des Webs zu sprechen.