UX Tutorial

UX Design-Tutorialserie auf entwickler.de

UX Design mit HTML und Angular mit Timo Korinth

TAGE

STUNDEN

MINUTEN

SEKUNDEN

UX-Tutorialserie
UX-Tutorialserie

UX Design-Tutorialserie auf entwickler.de

UX Design mit HTML5 und Angular mit Timo Korinth

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
UX-Tutorialserie

Die Tutorialreihe

Dein Tutorials-Trainer: Timo Korinth

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.
UX-Tutorial

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

Fullstack Logo

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

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

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

Angebote für Gewinner-Teams

Wir bieten Lizenz-Lösungen für Teams jeder Größe: Finden Sie heraus, welche Lösung am besten zu Ihnen passt.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang