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)
Wer kann mitlernen?
-
Wöchentlich werden neue Teile der Tutorials-Reihe veröffentlicht.
Abonnent:innen im Probemonat oder im monatlichen Abonnement können sich die Videos der 1. Woche kostenlos anschauen.
Die gesamte Videoreihe steht Fullstack-Abonnenten oder Abonnenten, die sich seit mindestens 6 Monaten im monatlichen Abo befinden, zur Verfügung.
Jetzt Fullstack-Abo abschließen & Tutorials ansehen:
Fullstack-Abo – alle deine Vorteile im Überblick
Das Fullstack-Abo ist das Rundum-sorglos-Paket für jeden Software-Professional. Als Abonnent hast du die Krone auf, wenn es um deine Weiterbildung geht!
- Interaktive Live-Events exklusiv auf der Plattform
- Step-by-Step-Tutorials zu aktuellen Themen
- Über 10.000 Fachbeiträge, Magazine, E-Books, Artikelserien und Kolumnen sowie ein umfassendes Archiv
- Rabatte für die Teilnahme an Konferenzen und Trainings
- Zugriff auf Video-Aufzeichnungen von deinen Konferenzen und Trainings
- Intelligente Themensuche AskFrank
- Zugriff über Browser oder unsere mobilen Apps
Fullstack-Abo
198,80 € / Jahr – jetzt 40 € sparen –
12 Monate lang Zugriff, 10 Monate zahlen!
- Interaktive Live-Events exklusiv auf der Plattform
- Step-by-Step-Tutorials zu aktuellen Themen
- Über 10.000 Fachbeiträge, Magazine, E-Books, Artikelserien und Kolumnen sowie ein umfassendes Archiv
Fullstack für Teams mit 3 – 15 Nutzern
Ab 72 € im Jahr pro Nutzer
-
Rabatte für bis zu 3 Bestellungen von Teilnahmen deines Teams an unseren Konferenzen und Trainings
3-Nutzer-Lizenz: 150 €
5-Nutzer-Lizenz: 200 €
10-Nutzer-Lizenz: 250 €
15-Nutzer-Lizenz: 300 € - 6 Monate Zugriff auf die Video-Aufzeichnungen von teilgenommenen Konferenzen und Trainings
- Wir belohnen Ihre Treue: Sonderpreis für Printabonnenten! Sie sparen bis zu 10 € monatlich
Fullstack für Teams ab 16 Nutzern
Wir finden für jedes Team das passende Angebot!
- Umfangreiche Rabatte an für die Teilnahme an unseren Konferenzen und Trainings
- 6 Monate Zugriff auf die Video-Aufzeichnungen von teilgenommenen Konferenzen und Trainings
- Unkomplizierter Zugriff per IP-Adresse
- Firmenweiter Zugang über E-Mail-Domain
- Kein Administrationsaufwand
198,80 € / Jahr – jetzt 40 € sparen –
12 Monate lang Zugriff, 10 Monate zahlen!
- Interaktive Live-Events exklusiv auf der Plattform
- Step-by-Step-Tutorials zu aktuellen Themen
- Über 10.000 Fachbeiträge, Magazine, E-Books, Artikelserien und Kolumnen sowie ein umfassendes Archiv
Ab 72 € im Jahr pro Nutzer
-
Rabatte für bis zu 3 Bestellungen von Teilnahmen deines Teams an unseren Konferenzen und Trainings
3-Nutzer-Lizenz: 150 €
5-Nutzer-Lizenz: 200 €
10-Nutzer-Lizenz: 250 €
15-Nutzer-Lizenz: 300 € - 6 Monate Zugriff auf die Video-Aufzeichnungen von teilgenommenen Konferenzen und Trainings
- Wir belohnen Ihre Treue: Sonderpreis für Printabonnenten! Sie sparen bis zu 10 € monatlich
Wir finden für jedes Team das passende Angebot!
- Umfangreiche Rabatte an für die Teilnahme an unseren Konferenzen und Trainings
- 6 Monate Zugriff auf die Video-Aufzeichnungen von teilgenommenen Konferenzen und Trainings
- Unkomplizierter Zugriff per IP-Adresse
- Firmenweiter Zugang über E-Mail-Domain
- Kein Administrationsaufwand