Web Development
Web Development
Überblick über Webentwicklung, HTML, CSS, JavaScript, Git, Browser-Tools, UI, UX und Accessibility.
Web Development
Web Development behandelt die Grundlagen moderner Webseiten: Struktur mit HTML, Gestaltung mit CSS, Interaktion mit JavaScript und die Frage, wie digitale Produkte für echte Menschen verständlich, nutzbar und barrierefrei werden.
Das Fach verbindet Technik mit Gestaltung. Eine Webseite soll nicht nur funktionieren, sondern auch sinnvoll aufgebaut, wartbar, responsiv und zugänglich sein.
Worum geht es?
Zentrale Fragen sind:
- Was ist Frontend-Entwicklung?
- Wie unterscheiden sich Frontend, Backend und API?
- Wie entstehen Webseiten aus HTML, CSS und JavaScript?
- Welche Rolle spielen Git und Browser-Developer-Tools?
- Wie baut man eine saubere HTML-Grundstruktur?
- Wie gestaltet man Layout, Farben, Abstände und Schriften mit CSS?
- Wie reagiert eine Webseite auf Benutzerinteraktionen?
- Was ist der Unterschied zwischen UI und UX?
- Warum ist Web Accessibility wichtig?
- Wie verbessert man eine bestehende Webseite?
Themenbereiche
Git und Browser-Tools
Versionierung mit Git, Commits, Branches, GitHub und Entwicklertools im Browser.
Layout und Responsive Design
Flexbox, flexible Bilder, Container, Abstände und Anpassung an verschiedene Bildschirmgrößen.
UI und UX
User Interface, User Experience, Personas, Wireframes, Paper Prototypes und Produktauswertung.
Materialgrundlage
Diese Dokumentation basiert auf:
- Unterrichtsfolien zu Web Development
- Unterrichtsfolien zu Web Accessibility
- HTML- und CSS-Cheatsheets
- Beispielseiten zu Portfolio, Buttons und Accessibility
- Übungen zur Analyse digitaler Produkte wie Discord, Instagram, Pinterest, Teams, WebUntis und WhatsApp
Merksatz
Gute Webentwicklung besteht aus Struktur, Gestaltung, Verhalten und Zugänglichkeit. Wenn eines davon fehlt, fühlt sich die Seite unfertig an.
Zuletzt aktualisiert: 6. Juni 2026