CAS Web-Experience & UI-Engineering
Design und technische Umsetzung als Erfolgsfaktor der digitalen Industrie
Eckdaten
- Abschluss
- CAS FHNW
- ECTS-Punkte
- 12
- Nächster Start
- 27.03.2026
- Dauer
- 16 Kurstage
- Unterrichtstage
- Fr./Sa.
- Unterrichtssprache
- Deutsch; Grundkenntnisse in Englisch essenziell
- Durchführungsort(e)
- FHNW Campus Brugg-Windisch
- Preis
- CHF 8'200
Mobile navi goes here!
Professionelle Web-Oberflächen entstehen nicht zufällig, sondern durch die enge Verzahnung von Gestaltungs- und Umsetzungskompetenz.
Moderne Web-Applikationen müssen heute einem anspruchsvollen Anforderungsprofil gerecht werden: ein konsistentes Design-System, klare Accessibility-Standards sowie Zuverlässigkeit, Erweiterbarkeit und Wartbarkeit sind ebenso entscheidend wie eine performante Implementierung.
Die Fähigkeit, Design und technische Umsetzung nahtlos zu verbinden, ist zu einem zentralen Erfolgsfaktor in der digitalen Industrie geworden.
Effizienz durch Systematik: Design-Systeme entwickeln und implementieren – der Schlüssel zu hochwertigen digitalen Produkten
Design meets Engineering: Anspruchsvolle Designs professionell umsetzen
Konsistenz durch Qualität: Wartbare und skalierbare Codebasis aufbauen – Best Practices im UI-Engineering
Gestaltungskompetenz und Umsetzungskompetenz führen gemeinsam zum Erfolg in der digitalen Industrie. Im CAS werden beide Bereiche eng miteinander verzahnt vermittelt:
HTML/CSS/JS (Umsetzungskompetenz): Moderne HTML-Semantik, fortgeschrittene CSS-Techniken (Cascade, Selectors, Custom Properties, Layout mit Grid/Flex/Container Queries, Positioning inkl. Anchor & Layers), Animationen & Transitions, Farb- und Typografie-Systeme in CSS, Units & Intrinsic Design, SVG im Frontend sowie robuste JavaScript-Grundlagen (ES6+ APIs) für UI-Verhalten, Performance und Wartbarkeit.
Design/Figma (Gestaltungskompetenz): UI-Engineering mit Figma: Components & Variants, Styles & Variables, Libraries, Auto-Layout (von Basics bis Advanced), Prototyping (Interactions, Smart Animate), Plugin-Workflows, Import/Export sowie Multi-Mode-Setups (z. B. Light/Dark).
Beide Disziplinen wirken zusammen: Gestaltung wird technisch tragfähig umgesetzt, und technische Details spiegeln sich konsistent im Design-System wider.
Umfang: 12 ECTS (300 Stunden)
Präsenzzeit: 16 Tage (Freitag/Samstag)
Selbststudium: 20 Stunden pro Modul
Gruppengrösse: Maximal 20 Teilnehmende