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)
So kannst du teilnehmen
Du hast bereits Fullstack?
Schnapp dir was zu schreiben und lehn dich zurück. Komme hier direkt zum Fullstack Tutorial und profitiere vom wegweisenden Wissen unseres Experten.
Du hast noch kein Fullstack?
Fullstack-Abonnent:innen haben kostenlosen Zugriff auf das Video-Turorial. Zusätzlich haben Fullstack-Abonnent:innen Zugriff auf Live-Event, Aufzeichnungen und vielen weiter Vorteile.
Software Know-How für deinen Erfolg!
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- 3x 100€ Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- ...mehr erfahren
Software Know-How für deinen Erfolg!
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 900 € Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- ...mehr erfahren
Fullstack-Abo für mehr als 15 Nutzern
Wir begleiten Sie durch die digitale Transformation zum Projekterfolg
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 25% Rabatt auf jede Konferenz und Trainingsteilnahme by entwickler.de
- Team Control Center zur Organisation Ihrer Nutzer:innen
- Teamfortschrittanzeige zur Motivation Ihrer Teams
- ...mehr erfahren
Fullstack-Abo abschließen und teilnehmen
*zzgl. MwSt.