UI/UX Design + Webdesign + Programmierung + Softwareentwicklung

Diese Weiterbildung vermittelt grundlegende Kenntnisse in UI/UX-Design und Webentwicklung, einschließlich Interface-Gestaltung, Prototyping, objektorientierter Programmierung und der Nutzung von Frameworks. Teilnehmende lernen, digitale Anwendungen benutzerfreundlich und barrierefrei zu gestalten.

Modul 1: UI/UX Design für digitale Anwendungen
Modul 2: Webdesign: Digitale Gestaltung und technische Umsetzung
Modul 3: Grundlagen der objektorientierten Programmierung
Modul 4: UI Frameworks & visuelle Strukturmodelle im UX Design
Modul 5: Einführung in die Software Entwicklung

UI/UX Design für digitale Anwendungen
  • Grundlagen von UI/UX: Einführung in Usability, Interface-Gestaltung und Nutzerführung für Web, App und mobile Anwendungen.
  • Prototyping & Wireframes: Einsatz von Figma, Adobe XD und Rapid Prototyping zur Entwicklung von nutzerzentrierten UI-Konzepten.
  • UX Research & Testing: Durchführung von User Research, A/B-Tests und User Personas zur Optimierung der User Experience.
  • Designsysteme & Tools: Nutzung von UI Frameworks, Style Guides und WCAG-Richtlinien für barrierefreies und responsives Design.

Webdesign: Digitale Gestaltung und technische Umsetzung
  • UI/UX Design und Interface-Gestaltung für strukturierte und funktionale Benutzeroberflächen im Webdesign-Kontext.
  • Erstellung von Wireframes und Prototypen mit Figma, Adobe XD und Sketch zur Visualisierung digitaler Webprojekte.
  • Technische Umsetzung mit HTML, CSS, Grid Design und Flexbox im Bereich der Frontend Webentwicklung.
  • Einführung in WCAG, Style Guides und barrierefreie Webstandards für zugängliche und normgerechte Webseiten.

Grundlagen der objektorientierten Programmierung
  • OOP-Konzepte: Aufbau von Klassen, Nutzung von Objekten, Prinzipien der Kapselung und Zusammenspiel über Schnittstellen.
  • Programmieren im Team: Entwicklung objektorientierter Module mit GitHub, Clean Code und API-gestützter Anwendungsstruktur.
  • Codearchitektur mit OOP: Nutzung von Frameworks, Strukturierung mit Patterns und Trennung funktionaler Softwareeinheiten.
  • Schnittstellen und Datenzugriff: SQL Datenbank, API Schnittstellen und Datenhaltung im objektorientierten Softwaredesign.

UI Frameworks & visuelle Strukturmodelle im UX Design
  • Strukturelle Grundlagen: Vermittlung von UI-Komponentenmodellen mit Fokus auf usability, grid design und ui framework.
  • Frameworkbasierte Gestaltung: Einsatz von compose android, android compose und swift ui zur Interface-Entwicklung.
  • Prototyping-Tools: Umsetzung von app wireframe, prototyping software und figma ui im gestalterischen Entwicklungsprozess.
  • Test & Umsetzung: Validierung durch ui test, Integration in frontend-Systeme und Versionsverwaltung mit git.

Einführung in die Software Entwicklung
  • Grundlagen der Software Entwicklung: Programmierlogik, API-Struktur, Codekonventionen und Nutzung von Frameworks.
  • Datenzugriffe und Schnittstellen: SQL, JSON und API-Anbindungen für strukturierte Kommunikation mit Datenbanken.
  • Methoden im Entwicklerteam: Ablaufmodelle, UI-Planung mit Wireframes, Versionierung mit GitHub.
  • Toolnutzung im Projekt: Containerverwaltung, Codetests, Repositories und strukturierter Entwicklungsprozess.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, UI/UX-Design und Webentwicklungstechniken anzuwenden, einschließlich Prototyping-Tools, objektorientierter Programmierung und Softwareentwicklungsmethoden im digitalen Kontext.