Webdesign lernen: UI-Developer und React Native

Webdesign + UI-Entwicklung + React + JavaScript


Diese Weiterbildung vermittelt Kenntnisse in der Entwicklung und Gestaltung digitaler Interfaces, der Nutzung von Frameworks und der Umsetzung von Webanwendungen. Inhalte umfassen Designprozesse, Komponentenerstellung und die Integration von JavaScript-Technologien.


Modul 1: Webdesign: Struktur, Designprozesse und Interaktionsgestaltung
Modul 2: Komponentenbasierte Entwicklung mit React und Angular
Modul 3: User Interface Frameworks im digitalen Produktdesign
Modul 4: JavaScript – strukturierte Webentwicklung


Webdesign: Struktur, Designprozesse und Interaktionsgestaltung

• Gestaltung digitaler Interfaces mit Responsive Design, Usability-Prinzipien und uikit-basierter Strukturierung.


• Wireframing und Prototyping mit Figma, Adobe XD und Sketch im Rahmen eines systematischen UI Design Workflows.


• Frontend-Grundlagen mit CSS, Flexbox, Grid Layout und semantischer HTML-Struktur für Webseiten.


• Grundlagen zu WCAG-Richtlinien, Interface Testing und barrierefreier Gestaltung im digitalen Webdesign.

Komponentenbasierte Entwicklung mit React und Angular

• Einführung in Angular und React, Vergleich von Konzepten, Komponentenstruktur, Syntax und State-Handling mit TypeScript.


• Implementierung von Webanwendungen mit HTML5, CSS3, JavaScript und Frameworks für das Frontend Development.


• Toolchain-Nutzung mit npm, GitHub und Docker Compose zur Verwaltung modularer Anwendungen im Entwickler-Workflow.


• Entwicklung von UI-Komponenten, Schnittstellenintegration über API und responsives Layout mit Grid und Flexbox.

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.

JavaScript – strukturierte Webentwicklung

• Grundlagen von JavaScript: Einstieg in Syntax, Datentypen und DOM-Manipulation zur dynamischen Gestaltung interaktiver Webseiten.


• Webentwicklung: Einsatz von Frameworks wie Vue.js & Angular, Entwicklung responsiver UIs mit HTML5, CSS3 und JavaScript.


• Backend & Schnittstellen: Anbindung von APIs und Datenbanken mit Node.js, JSON, SQL und Verständnis für API Schnittstellen.


• Tools & Best Practices: Arbeiten mit Git, GitHub und Clean Code – sauberes Coding und klare Projektstruktur im JavaScript Development.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, digitale Interfaces zu gestalten, Webanwendungen mit Frameworks zu entwickeln und JavaScript-Technologien für strukturierte Webentwicklung anzuwenden.