Webentwicklung + HTML5 + CSS3 + UX

Diese Weiterbildung vermittelt Kenntnisse im Bereich der Webentwicklung, einschließlich Technologien wie HTML5, CSS3 und JavaScript. Es werden grundlegende und fortgeschrittene Fähigkeiten zur Erstellung und Optimierung von Webseiten sowie zur Nutzung von Design- und Entwicklungstools behandelt.

Modul 1: Technologien und Werkzeuge der Web Entwicklung
Modul 2: Modul HTML: Struktur, Standards, Syntax
Modul 3: CSS in der responsiven Webgestaltung
Modul 4: UI & UX Prozesse im digitalen Produktdesign

Technologien und Werkzeuge der Web Entwicklung
  • Webseiten erstellen mit HTML5, CSS3, JavaScript: Struktur, Stil und Funktion für Browser- und Gerätetypen umsetzen.
  • Frontend-Engineering: Umsetzung mit Webflow, CSS Grid, Wireframes und responsivem Design auf Grundlage der WCAG.
  • Serverkommunikation & Datenbankzugriff: Verwendung von Node.js, SQL Datenbanken, API Schnittstellen und JSON.
  • Projektstrukturierung mit Tools: Einsatz von GitHub Repositories, Vue.js, Angular und agiler Webentwicklung.

Modul HTML: Struktur, Standards, Syntax
  • Einführung in HTML5 mit Fokus auf semantischen Aufbau, Inhaltsstrukturierung und standardkonformer Dokumentenlogik.
  • Zusammenspiel von HTML und CSS3 mit Fokus auf Flexbox, Grid Design und responsive Gestaltung von Interfaces.
  • Integration von Webstandards und WCAG zur Entwicklung zugänglicher und testbarer HTML-Seiten mit validem Markup.
  • Versionierung über GitHub, Arbeit mit Editoren und Organisation gemeinsamer Entwicklungsprozesse im Team.

CSS in der responsiven Webgestaltung
  • Einführung in CSS: Grundlagen zur Gestaltung von Webseiten, Einsatz von Selektoren, Eigenschaften und Strukturierung mit CSS3.
  • Layouts & Techniken: Erstellung responsiver Oberflächen mit Flexbox, CSS Grid und Media Queries für Webdesign-Projekte.
  • Designsysteme & Best Practices: Anwendung von Style Guides, Komponenten-Logik und Frameworks im Frontend Development.
  • Integration & Versionierung: Arbeit mit HTML, GitHub, Coding-Standards und CSS-Organisation für skalierbare Webentwicklungen.

UI & UX Prozesse im digitalen Produktdesign
  • Interface & Usability: Gestaltung von user interface Komponenten mit Fokus auf barrierefreiheit und human interface guideline.
  • Wireframe & Prototyp: Nutzung von prototyping software, app prototyping und figma developer zur visuellen Ausarbeitung.
  • UX Research Methoden: Entwicklung von ux persona, user research und teststrukturen für digitale Produkte.
  • Designintegration: Einsatz von swiftui, android compose und ui testing für mobile und responsive Webanwendungen.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, Webseiten mit aktuellen Technologien zu gestalten und benutzerfreundliche digitale Produkte zu entwickeln. Sie nutzen dabei Tools zur Versionskontrolle und erlernen Methoden des UI/UX-Designs.