HTML + CSS + Frontend + Webdesign

Diese Weiterbildung vermittelt Grundlagen und fortgeschrittene Techniken der Frontend-Entwicklung, einschließlich der Anwendung von HTML, CSS, JavaScript und Frameworks. Teilnehmer lernen, wie man interaktive und zugängliche Benutzeroberflächen gestaltet und responsive Layouts erstellt.

Modul 1: Frontend Entwicklung für Webanwendungen
Modul 2: HTML in der Webentwicklung und Interface-Struktur
Modul 3: CSS und Layout-Techniken im Webdesign
Modul 4: Webdesign: Grundlagen, Tools und Standards

Frontend Entwicklung für Webanwendungen
  • Grundlagen der Webentwicklung: Einführung in HTML, CSS, JavaScript und responsive Webdesign zur Gestaltung interaktiver Benutzeroberflächen.
  • Frameworks & Tools: Arbeiten mit React, Angular oder Vue.js sowie Nutzung von CSS Grid, Flexbox und UI Frameworks für strukturierte Layouts.
  • Versionskontrolle & Zusammenarbeit: Einsatz von GitHub, Code-Management und Workflow-Standards im agilen Frontend Development.
  • Barrierefreiheit & Standards: Anwendung von WCAG, Testing-Prinzipien und Schnittstellenanbindung zur Optimierung der Usability.

HTML in der Webentwicklung und Interface-Struktur
  • Erstellung von HTML-Seiten mit semantischer Struktur, Abschnittselementen und richtlinienkonformer Dokumentenstruktur.
  • Layoutgestaltung über CSS Grid und Flexbox zur responsiven Umsetzung von Webseiten in Verbindung mit HTML.
  • Umsetzung von Accessibility-Anforderungen mit WCAG-konformem Markup und Regeln der Benutzerführung.
  • Einsatz von GitHub zur Versionskontrolle sowie Nutzung von Editoren und Vorlagen in HTML-Entwicklungsumgebungen.

CSS und Layout-Techniken im Webdesign
  • CSS3-Grundlagen zu Selektoren, Box-Modell, Kaskade und Integration in strukturierte HTML-Dokumente.
  • Gestaltung mit Flexbox, Grid Design und Media Queries für skalierbare und responsive Weblayouts.
  • Nutzung von Style-Konzepten, modularem CSS und UI Frameworks in der Frontend Entwicklung.
  • Arbeitsweise mit GitHub, Versionskontrolle und Organisation wiederverwendbarer CSS-Strukturen.

Webdesign: Grundlagen, Tools und Standards
  • Grundlagen im Webdesign: Einführung in UI/UX Design, Responsive Webdesign, Strukturierung und Gestaltung funktionaler Webseiten.
  • Visuelle Gestaltung & Tools: Arbeiten mit Figma, Adobe XD und Sketch zur Erstellung von Wireframes, Prototypen und Interface-Layouts.
  • Frontend & Struktur: Umsetzung von Designs mit HTML, CSS, Flexbox und Grid Design für funktionale und zugängliche Benutzeroberflächen.
  • Barrierefreiheit & Standards: Anwendung von WCAG, Style Guides und Usability-Prinzipien für inklusive, nutzerfreundliche Webangebote.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, Webdesign-Techniken anzuwenden, responsive Layouts zu gestalten und Kenntnisse in der Nutzung von Tools und Standards für barrierefreie Webanwendungen zu nutzen.