Webentwicklung + API + Frameworks + UI/UX

Diese Weiterbildung vermittelt Kenntnisse in der Entwicklung von webbasierten Anwendungen, der Nutzung von Frameworks und Tools sowie der Gestaltung von Benutzeroberflächen. Es wird ein umfassendes Verständnis für verschiedene Aspekte der Webentwicklung gegeben.

Modul 1: Web Entwicklung: Architektur und Umsetzung
Modul 2: Komponentenbasierte Entwicklung mit React und Angular
Modul 3: API-Schnittstellen im Full Stack Kontext
Modul 4: CSS und Layout-Techniken im Webdesign
Modul 5: UI/UX Design für digitale Anwendungen

Web Entwicklung: Architektur und Umsetzung
  • Markup & Stylesheets: HTML, CSS und JavaScript zur Entwicklung responsiver Webseiten unter Einhaltung barrierefreier Standards.
  • Interface-Gestaltung: Umsetzung nutzbarer Frontends mit Webflow, CSS Grid, Wireframes und WCAG-konformem Design.
  • API & Datenmanagement: Backend-Anbindung mit Node.js, API-Schnittstellen, relationalen SQL Datenbanken und JSON.
  • Frameworks im Überblick: Git, GitHub, Vue.js, Angular und Clean Code für skalierbare Website-Entwicklung.

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.

API-Schnittstellen im Full Stack Kontext
  • Grundlagen der API-Programmierung mit REST, JSON und HTTP zur Kommunikation zwischen Frontend und serverseitigen Prozessen.
  • Umsetzung von Schnittstellen mit Java oder Node.js, Nutzung von Frameworks und Integration in Webservices.
  • Verbindung mit SQL-Datenbanken, Steuerung von Endpunkten und Rückgabe von Daten im Backend System.
  • Tool-Einsatz mit Git, GitHub, Docker Compose und API-Dokumentation zur Verwaltung technischer Schnittstellen.

CSS und Layout-Techniken im Webdesign
  • CSS3-Grundlagen zu Selektoren, Box-Modell, Kaskade und Integration in strukturierte HTML-Dokumente.
  • Gestaltung mit Flexbox, Grid Design und Media Queries für skalierbare und responsive Weblayouts.
  • Nutzung von Style-Konzepten, modularem CSS und UI Frameworks in der Frontend Entwicklung.
  • Arbeitsweise mit GitHub, Versionskontrolle und Organisation wiederverwendbarer CSS-Strukturen.

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.

Im Anschluss an die Weiterbildung können die Teilnehmenden komplexe Webanwendungen entwickeln, UI/UX-Designs gestalten und APIs nutzen. Verschiedene Tools und Frameworks unterstützen den Entwicklungsprozess.