JavaScript
JavaScript macht aus einer statischen Seite eine lebendige Anwendung. Es ist die einzige Programmiersprache, die direkt im Browser ausgeführt wird.
- JS
Was ist JavaScript?
HTML beschreibt den Inhalt einer Seite, CSS das Aussehen. JavaScript steuert das Verhalten. Wenn ein Menü aufklappt, wenn ein Formular prüft, ob die E-Mail-Adresse korrekt eingegeben wurde, wenn Inhalte ohne Seitenreload nachgeladen werden: Das ist JavaScript.
Die Sprache läuft direkt im Browser des Besuchers, ohne dass eine Anfrage an den Server nötig ist. Das macht sie schnell und reaktionsfreudig.
document.querySelector('.menu-toggle').addEventListener('click', function () {
document.querySelector('.nav').classList.toggle('open');
});Funfact
JavaScript wurde 1995 in nur zehn Tagen von Brendan Eich bei Netscape entwickelt. Ursprünglich hiess die Sprache «Mocha», dann «LiveScript». Der Name «JavaScript» war Marketing, nicht Technik: Java war damals trendy. Die beiden Sprachen haben nichts miteinander zu tun.
Was bedeutet das für meine Webseite?
Fast jede moderne Webseite verwendet JavaScript. Ob Bildergalerien, Kontaktformulare mit Validierung, interaktive Karten oder Chatfenster: JavaScript ist die Grundlage. Auch viele sichtbarkeitsrelevante Aspekte, etwa das Nachladen von Inhalten oder das Messen von Nutzerverhalten via Analytics, basieren darauf.
Schlecht eingesetztes JavaScript kann eine Webseite jedoch verlangsamen. Zu viele externe Scripts, unoptimierter Code oder das Blockieren des Seitenaufbaus wirken sich direkt auf Ladezeit und Ranking in Suchmaschinen aus.
Was JavaScript nicht kann
JavaScript läuft im Browser, in einer bewusst abgeschotteten Umgebung. Es hat keinen direkten Zugriff auf Datenbanken, kann keine Dateien auf dem Server lesen oder schreiben und darf ohne ausdrückliche Erlaubnis nicht mit fremden Servern kommunizieren. Das ist kein Mangel, sondern Absicht: Diese Grenzen schützen die Besucher einer Webseite.
Für alles, was im Hintergrund läuft: Daten speichern, E-Mails versenden, Bestellungen verarbeiten, braucht es serverseitige Sprachen wie PHP. JavaScript und PHP ergänzen sich. PHP liefert die Daten, JavaScript stellt sie dar.
JavaScript und TypeScript
TypeScript ist eine Erweiterung von JavaScript. Es fügt der Sprache feste Datentypen hinzu, was Fehler früher sichtbar macht und grössere Projekte übersichtlicher hält. Im Browser läuft TypeScript nie direkt, es wird immer zuerst in normales JavaScript umgewandelt.
Für kleinere Webseiten ist TypeScript selten nötig. Bei komplexen Webapplikationen ist es heute jedoch weit verbreitet. Als Webseitenbetreiber werden Sie den Unterschied nicht sehen. Er zeigt sich in der Codequalität und langfristigen Wartbarkeit.
Externe Scripts und Sicherheit
Viele Webseiten binden JavaScript von Drittanbietern ein: Analysetools, Chatwidgets, Werbebanner, Schaltflächen für soziale Netzwerke. Das ist praktisch, birgt aber ein Risiko. Externer Code läuft mit denselben Rechten wie der eigene und kann im schlimmsten Fall Nutzerdaten auslesen oder die Seite verlangsamen, ohne dass der Webseitenbetreiber es merkt.
Ein sorgfältiger Umgang mit externen Scripts gehört deshalb zur Qualität einer gut gebauten Webseite.