Webdesign + UI-Programmierung + Benutzeroberflächen + Mobile App Entwicklung

Diese Weiterbildung vermittelt Kenntnisse in der digitalen Gestaltung und technischen Umsetzung von Benutzeroberflächen. Die Teilnehmenden lernen, wie sie Webdesign und mobile Applikationen mit verschiedenen Tools und Methoden entwickeln und gestalten können.

Modul 1: Webdesign: Digitale Gestaltung und technische Umsetzung
Modul 2: UI-Programmierung mit Jetpack Compose
Modul 3: User Interface Frameworks im digitalen Produktdesign
Modul 4: Mobile App Entwicklung

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.

UI-Programmierung mit Jetpack Compose
  • Grundlagen in Compose: Kotlin-gestützte UI-Definition für Android Apps mit Nutzung von Framework-Elementen und Komponenten.
  • App-Strukturierung: Nutzung des MVVM Toolkits, Navigation, Datenbindung und UI-Frameworks für modulare Android Entwicklung.
  • Firebase & Integration: Verbindung zu Backend-Diensten mit Firebase, Compose-Logik und Android Framework Tools.
  • Build-Prozess & Veröffentlichung: Testing, Signierung, Google Play Store Deployment und Nutzung des Android Manifest.

User Interface Frameworks im digitalen Produktdesign
  • Grundlagen von UI Frameworks: Einführung in Struktur, Komponenten und Einsatzbereiche für responsive Web- und App-Oberflächen.
  • Designsysteme & Komponenten: Anwendung von UIKit, SwiftUI, Flexbox und Compose für konsistente Interfaces und skalierbare UI-Architekturen.
  • Prototyping & Gestaltung: Entwicklung interaktiver Interfaces mit Figma, Sketch oder Adobe XD unter Berücksichtigung von Usability-Prinzipien.
  • Integration & Testing: Verbindung mit Codebases, UI Testing Workflows und Versionsverwaltung mit Git für kollaborative UI-Entwicklung.

Mobile App Entwicklung
  • Grundlagen mobiler Applikationen: Einführung in iOS & Android, Unterschiede nativer und hybrider Apps sowie Einsatz mobiler Frameworks.
  • Tools & Technologien: App Entwicklung mit Xcode, Swift, Kotlin und GitHub - von der Codebasis bis zur Veröffentlichung im App & Play Store.
  • UX/UI & Prototyping: Gestaltung benutzerfreundlicher Interfaces mit UI/UX Design, Rapid Prototyping und Grundlagen des Clean Coding.
  • API & Datenbanken: Anbindung von API Schnittstellen, Nutzung von SQL Datenbanken und Einführung in Backend-Logik und App Engineering.

Am Ende der Weiterbildung beherrschen die Teilnehmenden die Gestaltung und Entwicklung von Benutzeroberflächen mithilfe von Web- und App-Technologien. Sie sind vertraut mit UI-Frameworks, Prototyping-Tools und den Grundlagen der mobilen App-Entwicklung.