Zum Hauptinhalt springen

Webdesign lernen – aber richtig

Unser Lernprogramm startet im Herbst 2025 und verbindet fundierte Theorie mit echten Projekten. Wir begleiten dich von den ersten HTML-Zeilen bis zur Umsetzung komplexer Webanwendungen – in deinem Tempo, mit echter Unterstützung.

Aufbau des Lernpfads

Sechs aufeinander abgestimmte Module führen dich vom Einsteiger zur eigenständigen Umsetzung professioneller Webprojekte. Jedes Modul baut auf dem vorherigen auf und wird durch praktische Übungen vertieft.

1

Grundlagen & Struktur

HTML-Semantik, Dokumentenstruktur, Barrierefreiheit und erste CSS-Eigenschaften. Du lernst, sauberen Code zu schreiben und verstehst, wie Browser Webseiten interpretieren.

2

Layout & Gestaltung

Flexbox, Grid-Systeme, Typografie und Farbenlehre. Wir zeigen dir, wie moderne Layouts entstehen und worauf es bei der visuellen Gestaltung wirklich ankommt.

3

Responsive Design

Mobile-first-Ansatz, Media Queries und adaptive Bilder. Du entwickelst Seiten, die auf allen Bildschirmgrößen funktionieren und gut aussehen.

4

JavaScript Basics

Variablen, Funktionen, DOM-Manipulation und Event-Handling. Hier machst du deine Webseiten interaktiv und lernst grundlegende Programmierkonzepte.

5

Frameworks & Tools

Vue.js-Grundlagen, Build-Tools und Versionskontrolle mit Git. Du arbeitest mit den Werkzeugen, die in echten Projekten zum Einsatz kommen.

6

Abschlussprojekt

Eigenständige Umsetzung einer vollständigen Website nach echtem Briefing. Du wendest alles Gelernte an und erhältst detailliertes Feedback zu deinem Code.

Teilnehmende arbeiten gemeinsam an Webdesign-Projekten
18 Wochen Kursdauer
42 Live-Sessions
8 Praxisprojekte

Gemeinsam lernt es sich besser

Webdesign ist Teamarbeit. In unserem Programm lernst du nicht nur für dich allein, sondern arbeitest mit anderen Teilnehmenden an echten Projekten.

Peer-Learning-Gruppen

Kleine Teams von vier bis sechs Personen arbeiten über die gesamte Dauer zusammen. Ihr tauscht euch aus, helft einander bei Problemen und lernt voneinander.

Code-Review-Sessions

Regelmäßig schaut ihr gemeinsam auf den Code von Gruppenmitgliedern. Das schärft den Blick für saubere Lösungen und zeigt verschiedene Herangehensweisen.

Gemeinsame Projekte

Gegen Ende des Programms arbeitet jede Gruppe an einem größeren Projekt. So erlebt ihr, wie Zusammenarbeit in echten Webprojekten funktioniert.

Direktes Feedback

Neben dem Austausch in der Gruppe erhältst du individuelles Feedback zu deinen Lösungen. Wir schauen uns deinen Code an und zeigen konkrete Verbesserungsmöglichkeiten.

Portrait von Benedikt Rühmann

Benedikt Rühmann

Absolvent 2024

Die Gruppenarbeit hat mir am meisten gebracht. Man sieht, wie andere an Probleme herangehen, und das erweitert den eigenen Horizont enorm.

Portrait von Ljiljana Krämer

Ljiljana Krämer

Absolventin 2024

Ich hatte anfangs Bedenken, ob ich mithalten kann. Die Unterstützung in der Gruppe hat mir gezeigt, dass wir alle unterschiedlich schnell lernen – und das ist völlig okay.

Portrait von Thorsten Kappel

Thorsten Kappel

Absolvent 2024

Das gemeinsame Projekt am Ende war anspruchsvoll, aber genau dadurch habe ich verstanden, wie echte Webentwicklung funktioniert. Unbezahlbare Erfahrung.

Nächster Kursstart

Der kommende Durchgang beginnt im September 2025. Die Plätze sind auf 24 Teilnehmende begrenzt, um intensive Betreuung zu gewährleisten.

Nahaufnahme von Code auf einem Bildschirm während einer Lernsession

Kursstart

15. September 2025

1

Einführungsphase

3 Wochen

Wir starten mit den absoluten Grundlagen. HTML-Struktur, semantisches Markup und erste CSS-Styles. Du richtest deine Entwicklungsumgebung ein und lernst die Gruppe kennen.

  • HTML5-Semantik
  • CSS-Grundlagen
  • Code-Editor
  • Browser DevTools
2

Layout-Techniken

4 Wochen

Flexbox und Grid sind das Herzstück moderner Layouts. Du lernst beide Systeme im Detail und wendest sie in praktischen Übungen an. Dazu kommt Responsive Design mit Media Queries.

  • Flexbox
  • CSS Grid
  • Media Queries
  • Mobile-First
3

JavaScript-Grundlagen

5 Wochen

Jetzt wird es interaktiv. Von Variablen über Funktionen bis zur DOM-Manipulation – du lernst, wie man Webseiten mit JavaScript zum Leben erweckt. Echte Projekte inklusive.

  • JavaScript-Syntax
  • DOM-Manipulation
  • Event-Handling
  • Fehlerbehandlung
4

Moderne Werkzeuge

3 Wochen

Vue.js als Framework, Git für Versionskontrolle und Build-Tools für den Workflow. Diese Phase bereitet dich auf die Arbeit in professionellen Projekten vor.

  • Vue.js
  • Git & GitHub
  • NPM
  • Build-Prozesse
5

Abschlussprojekt

3 Wochen

Du entwickelst eine vollständige Website nach echtem Briefing. Von der Planung über die Umsetzung bis zum finalen Deployment. Inklusive Präsentation und ausführlichem Code-Review.

  • Projektplanung
  • Eigenständige Umsetzung
  • Code-Review
  • Deployment
Informationen anfordern