Webentwicklung + Responsive Design + Mobile Optimierung + UI/UX

Diese Weiterbildung vermittelt Kenntnisse in Webentwicklung mit einem Fokus auf Responsive Design und mobile Optimierung. Die Teilnehmenden lernen den Umgang mit gängigen Frameworks und Tools sowie die Anwendung von UI/UX Prozessen zur Gestaltung benutzerfreundlicher digitaler Produkte.

Modul 1: Einführung in die Web Entwicklung
Modul 2: Responsive Webdesign für mobile Interfaces
Modul 3: UI & UX Prozesse im digitalen Produktdesign
Modul 4: CSS-Strukturen und responsives Frontend

Einführung in die Web Entwicklung
  • Grundlagen der Webentwicklung: Einführung in HTML, CSS & JavaScript für responsives Webdesign und barrierefreie und zugängliche Webseiten.
  • Frontend & UI Design: Entwicklung benutzerfreundlicher Interfaces mit CSS Grid, Webflow, Wireframes und WCAG-konformem Webdesign.
  • Backend & Datenbanken: Einstieg in APIs, SQL Datenbanken, Node.js und die Anbindung serverseitiger Komponenten für dynamische Webseiten.
  • Tools & Frameworks: Arbeiten mit GitHub, Git, Vue.js und Angular - von der Codeverwaltung bis zum Full Stack Development mit Clean Code.

Responsive Webdesign für mobile Interfaces
  • Strukturierung von Webseiten und Interfaces für variable Auflösungen auf Android, iOS und browserbasierten Anwendungen.
  • Nutzung von CSS Grid, Breakpoints und Flexbox zur Umsetzung responsiver Designs in der Webentwicklung.
  • Entwurf von Wireframes und klickbaren Prototypen mit Tools wie Sketch, Figma oder Webflow.
  • Berücksichtigung von WCAG, Usability-Prüfungen und UX-Konzepten zur Optimierung mobiler Anwendungen.

UI & UX Prozesse im digitalen Produktdesign
  • Interface & Usability: Gestaltung von user interface Komponenten mit Fokus auf barrierefreiheit und human interface guideline.
  • Wireframe & Prototyp: Nutzung von prototyping software, app prototyping und figma developer zur visuellen Ausarbeitung.
  • UX Research Methoden: Entwicklung von ux persona, user research und teststrukturen für digitale Produkte.
  • Designintegration: Einsatz von swiftui, android compose und ui testing für mobile und responsive Webanwendungen.

CSS-Strukturen und responsives Frontend
  • CSS-Eigenschaften, Selektoren und Regeln zur Formatierung von Webseiten mit HTML und JavaScript.
  • Flexibles Layout mit CSS Grid, Flexbox und Media Queries zur Umsetzung responsiver Interfaces.
  • Einbindung von Frameworks, Designsystemen und Strukturierung von CSS im Developer-Workflow.
  • Versionssicherung mit GitHub, Editor-Tools und Strukturierung im Frontend Development.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, dynamische und barrierefreie Webseiten zu entwickeln, die auf mobilen Endgeräten und verschiedenen Plattformen optimal dargestellt werden, unter Nutzung von CSS, Frameworks und UI/UX Konzepten.