UX Design-Tutorialserie auf entwickler.de
TAGE
STUNDEN
MINUTEN
SEKUNDEN
UX Design-Tutorialserie auf entwickler.de
TAGE
STUNDEN
MINUTEN
SEKUNDEN
UX Design mit Angular, HTML & CSS
User Experience und UI-Design sind fundamentale Bestandteile jeder Softwareentwicklung und ermöglichen es nicht nur, eine auf den Benutzer perfekt abgestimmte Lösung zu entwickeln, sondern u. a. auch, sich von Konkurrenzprodukten abzusetzen.
Dabei bietet dir Timo Korinth einen Überblick über verschiedene Gebiete im Bereich UX, Design, Konzeption und Entwicklung, vor allem immer im Hinblick auf Machbarkeit, praktischen Einsatzzweck und in Verbindung mit konkreten Beispielen und Erfahrungen aus vielen Projekten.
Das Tutorial ist kein Deep Dive in die Theorie von UX, sondern vielmehr ein praktischer Guide und eine Sammlung an Tipps und Tricks aus der jahrelangen Erfahrung als UI-Entwickler.
Diese Themen erwarten dich
- UX, Design & Entwicklung
- CSS & HTML
- Layouting – Flexbox und CSS Grid
- Angular
- UI-Frameworks
Die Tutorialreihe
Timo Korinth ist freiberuflicher UX-Entwickler, Trainer, Berater und Autor. Viele Jahre waren seine Schwerpunkte WPF und .NET-Entwicklung im Allgemeinen und ganz speziell die Gestaltung und Umsetzung komplexer User Interfaces.
Inzwischen liegen seine Schwerpunkte im Bereich Web- und Cross-Plattform-Entwicklung mit Angular, Cordova und Electron. Um das entwickelte Wissen zu teilen und zu diskutieren, ist er darüber hinaus auch Autor, Trainer und Speaker auf verschiedenen Konferenzen.
Wer kann was lernen?
Zielgruppe
- Dieses Tutorial richtet sich vor allem an Entwickler, die im Frontend-Bereich unterwegs sind oder sein wollen und trotzdem um Themen wie UX, CSS und Design bisher lieber einen Bogen gemacht haben.
Lernziele
- Ziel dieses Tutorials ist es vor allem, Entwicklern die Angst vor Themen wie UX, Design und CSS zu nehmen und zu zeigen, dass man kein Designer oder Künstler sein muss, um gute UX oder gutes Design in eigenen Projekten zu etablieren.
Tutorials ab der Woche vom 17. Januar
Chapter 1
- Einleitung und Vorstellung
- Warum ist UX Design heute wichtiger denn je?
- UX als Kaufargument
- Die Bestandteile von UX
- Der benutzerorientierte Designprozess
Chapter 2
- Problem & Chancen
- Von den Anforderungen zum Entwurf Design für Dummies
Chapter 3
- Der Entwicklungsprozess
- Integration in agile Prozesse
- Entwicklung vs. Design
- Design Tools
- UX Best Practices
Chapter 4
- CSS & HTML
- Keine Angst vor CSS
- CSS mit Superpower
- CSS Tools
- CSS Einheiten
- Positionierung mit CSS
Chapter 5
- Layouting – Flexbox und CSS Grid
- Die Probleme mit CSS & Layouts
- Der heilige Gral
- Flexbox Grundlagen
- Flexbox Items
- Layouts mit Flexbox
- Demo Flexbox
Chapter 6
- CSS Grid Grundlagen
- Grid Container
- Grid Items
- Demo CSS Grid
- Flexbox vs. CSS Grid
Voraussetzungen
Mac
- Einen Mac
- Node.js & NPM (aktuelle Version)
- Eine IDE Ihrer Wahl (z.B. Visual Studio)
Windows
- PC mit Windows 8.1 oder höher
- Node.js & NPM (aktuelle Version)
- Eine IDE Ihrer Wahl (z.B. Visual Studio)
Mach den nächsten Schritt
mit der Fullstack Membership!
- FREE Ticket für den entwickler Summit 2026
- Zugriff auf entwickler intelligence
- Wöchentlich interaktive Live-Events
- Neueste Kurse zu Software und AI-Themen
- Jede Woche eine neue Tutorial-Lektion
- Zugriff auf +12 000 Artikel und Magazinarchiv
- 6 Monate Zugriff auf deine Konferenzsession
- 3 Monate Zugriff auf Live-Event Aufzeichnungen
- Rabatte auf Konferenz und Trainings-Events
Einzelnutzer
Nur 199,92 € statt 249,90 € im Jahr
Teams mit 3-15 Nutzern
ab 116,60 € im Jahr*
*Preis pro Nutzer zzgl. MwSt.
Jetzt Fullstack Member werden
Du bist bereits ein Fullstack Member? Dann logge dich auf entwickler.de ein und starte sofort dein nächstes Tutorial! Jetzt starten!