Frontend-Entwicklung: Von statischen Seiten zu interaktiven Oberflächen

Wer eine statische HTML-Seite erstellen kann, hat eine solide Basis. Aber viele Webseiten heute erfordern mehr: Formulare, die Eingaben validieren, Inhalte, die sich ohne Neuladen aktualisieren, Elemente, die auf Nutzerinteraktion reagieren.

JavaScript als Werkzeug, nicht als Selbstzweck

JavaScript wird in diesem Kurs nicht als abstrakte Sprache eingeführt, sondern anhand konkreter Aufgaben. Ein Navigationsmenü, das sich auf kleinen Bildschirmen öffnet und schließt. Ein Formular, das Fehlermeldungen direkt anzeigt. Eine Bildergalerie mit Filterfunktion.

Jede dieser Aufgaben lässt sich mit wenigen Zeilen Code lösen, wenn man versteht, was passiert.

Design und Interaktion im Zusammenspiel

Gutes Frontend-Design berücksichtigt, wie Nutzer mit einer Seite umgehen. Ähnlich wie bei Einrichtungsstilen, wo die Anordnung von Möbeln den Bewegungsfluss im Raum bestimmt, beeinflusst die Platzierung von Schaltflächen und Menüs das Verhalten auf einer Website. CSS-Animationen und Übergänge sind kein Dekor, sondern Hinweise auf mögliche Interaktionen.

Im Kurs werden diese Zusammenhänge am Beispiel realer Interfaces besprochen und nachgebaut.

Technische Voraussetzungen

Grundkenntnisse in HTML und CSS werden vorausgesetzt. JavaScript-Erfahrung ist nicht erforderlich. Der Kurs arbeitet mit VS Code, dem Browser-Devtool und keinem Framework. Vanilla JavaScript, weil das die Grundlage für alles weitere ist.