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.