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.