UI/UX Design + Prototyping + Objektorientierte Programmierung + Clean Code

Diese Weiterbildung vermittelt grundlegende und fortgeschrittene Kenntnisse im Bereich des UI/UX Designs und der objektorientierten Programmierung. Die Teilnehmenden lernen den Einsatz von Design- und Entwicklungstools sowie die Anwendung von Programmierstandards und Clean Code Prinzipien.

Modul 1: UI/UX Design für digitale Anwendungen
Modul 2: UI/UX Entwicklung mit komponentenbasierten Frameworks
Modul 3: Figma: Gestaltung und Prototyping im Webdesign
Modul 4: Objektorientierte Programmierung in der Softwareentwicklung
Modul 5: Clean Code und Programmierstandards

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.

UI/UX Entwicklung mit komponentenbasierten Frameworks
  • Interface-Komponenten: Aufbau von Designsystemen mit user interface coding, framework ui und responsive UI-Strukturen.
  • Design & Layout: Nutzung von flexbox, grid design und compose zur Erstellung flexibler Web- und App-Komponenten.
  • Prototyping mit Tools: Anwendung von sketch, figma developer und wireframe website zur Interface-Simulation.
  • Entwicklung & Kontrolle: Einsatz von git, docker compose und ui testing zur Sicherung und Abstimmung modularer Interfaces.

Figma: Gestaltung und Prototyping im Webdesign
  • Einführung in Figma: Grundlagen der webbasierten Designsoftware zur Erstellung von User Interfaces, Wireframes und interaktiven Prototypen.
  • Gestaltung & Komponenten: Anwendung von UI-Kits, Auto-Layout, Designsystemen und responsivem Webdesign in plattformübergreifenden Projekten.
  • Kollaboration & Feedback: Nutzung von Figma-Funktionen für Teamarbeit, Kommentierung und Übergabe an Entwickler im UI/UX-Workflow.
  • Prototyping & Testing: Erstellung interaktiver Klick-Prototypen, Durchführung von User Tests und Vorbereitung auf Usability-Optimierungen.

Objektorientierte Programmierung in der Softwareentwicklung
  • Grundprinzipien der OOP: Einführung in Klassen, Objekte, Vererbung, Kapselung und Polymorphie in aktuellen Programmiersprachen.
  • Anwendung in Projekten: Objektorientiertes Programmieren lernen durch praxisnahe Aufgaben mit Fokus auf Clean Code und Software Engineering.
  • Struktur & Architektur: Aufbau wartbarer Software mit OOP-Patterns, APIs, Frameworks und strukturierter Code-Entwicklung im Team.
  • Tools & Praxisumfeld: Einsatz von GitHub, Code-Management, Testing und Entwicklung objektorientierter Module für reale Software-Projekte.

Clean Code und Programmierstandards
  • Clean Code verstehen: Aufbau klarer Methoden, Aufteilung in Funktionen und Vereinheitlichung von Programmierstrukturen.
  • Arbeitsweise mit Code: Regeln zur Codestilkontrolle, Kommentierung, API-Struktur und lesbare Entwicklungslogik.
  • Refactoring im Development: Umstrukturierung von Code, Versionspflege über GitHub und Anbindung an Frameworks.
  • Zusammenarbeit im Team: Code Reviews, Testing-Strategien, Fehlerbehandlung und automatisierte Tools im Softwareprojekt.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, UI/UX Design- und Entwicklungsmethoden anzuwenden, komplexe Softwarearchitekturen zu erstellen und Programmierstandards in Softwareprojekten umzusetzen.