Bist du startklar?

Warum die Basics den Unterschied machen

KI-Tools wie ChatGPT oder Copilot generieren Code in Sekunden. Ohne Grundlagen kannst du ihn weder beurteilen noch verbessern. Jede Website beruht auf denselben drei Sprachen: HTML für Struktur, CSS für Gestaltung, JavaScript für Interaktion. Wer sie versteht, baut robuster, schneller und zugänglicher – und weiß, wie man KI gezielt einsetzt.

HTML

HTML¹ ist die Auszeichnungssprache, mit der Struktur und Inhalt einer Webseite aufgebaut werden – von Überschriften über Links bis hin zu Bildern und Formularen.

<h1>Das ist ein HTML-Element</h1>

CSS

CSS² ist eine Sprache, die verwendet wird, um das Aussehen einer Webseite zu definieren. Mit CSS können Farben, Schriftarten, Layouts und andere visuelle Aspekte einer Webseite angepasst werden.

h1 {
  color: red;
}

JavaScript

JavaScript ist eine Skriptsprache, die verwendet wird, um die Funktionalität einer Webseite zu erweitern. Mit ihr können dynamische Inhalte, interaktive Elemente und Benutzerinteraktionen erstellt werden.

const button = document.querySelector('button')

button.addEventListener('click', () => {
  alert('Du hast den Button geklickt!')
})

Hier fängst du an

Hier liegen die Bausteine, mit denen du direkt loslegen kannst: erst die Tutorials zum Lernen, dann das Starterkit zum Bauen. So bleibt der Weg von der Erklärung zur Umsetzung kurz.

Tutorials & Lernpfade

Kuratierte Tutorials und Lernpfade, mit denen du HTML, CSS und JavaScript Schritt für Schritt aufbaust.

Weiterlesen

Website-Starterkit

Erstelle mit dem Starterkit innerhalb von Sekunden eine neue Website. So bleibt dir mehr Zeit zum Lernen.

Weiterlesen

Dein Studium

Wenn du im Seminar GT 1191 dabei bist, findest du hier die wichtigsten Ankerpunkte fürs Semester: den Seminarplan und alles, was du für eine erfolgreiche Abgabe brauchst.

Seminarplan

Alle Seminare im Semester mit Ort, Kurzinfo und direkten Links zu Aufzeichnungen und Dateien.

Weiterlesen

Abgabe und Anforderungen

Hier findest du alles, was du für einen erfolgreichen Abschluss deines Projekts wissen musst. Nutze diese Seite als interaktiven Leitfaden für deine Website-Abgabe.

Weiterlesen

Studienstruktur in der Praxis

So kannst du dein Studium sinnvoll aufbauen, ohne dich zu verzetteln:

1. Mit dem Lernpfad Einstieg starten: Du arbeitest dort klassisch mit HTML- und CSS-Dateien, damit du beides von Grund auf lernst.
2. Danach das Starterkit über die Kommandozeile installieren und einrichten. Es legt dir die Projektstruktur an und bringt die wichtigsten Features mit, die du für die Webentwicklung brauchst.
3. Als Nächstes den Lernpfad Kernkonzepte durcharbeiten. Dort lernst du Layout-Techniken, semantische Strukturierung und weitere Basisprinzipien fürs Web.
4. Nun widmest du dich wieder den kuratierten Tutorials im Lernpfad. Weiter geht es mit UI & Gestaltung, das auf Einstieg und Kernkonzepten aufbaut.
5. Die Seiten Assets und Dokumentation früh und regelmäßig nutzen. Assets helfen dir beim Bauen, Dokumentationen vertiefen das Verständnis von HTML und CSS neben den Tutorials.
6. Zum Abschluss führt dich Abgabe und Anforderungen durch die komplette Checkliste, damit du nichts vergisst.