Tailwind CSS: Der Komplettkurs

Seminar - PROKODA GmbH

Termin	Ort	Preis^*
13.04.2026- 15.04.2026	online	1.654,10 €	jetzt buchen
13.04.2026- 15.04.2026	München	1.654,10 €	jetzt buchen
06.07.2026- 08.07.2026	München	1.654,10 €	jetzt buchen
06.07.2026- 08.07.2026	online	1.654,10 €	jetzt buchen

Alle Termine anzeigen

^*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:

Tailwind CSS verstehen und sauber starten
- Utility-First: Denkmodell, Trade-offs, typische Stolperfallen
- Setup mit Vite/Next.js: Build, Content-Scanning, Purge
- Projektstruktur: Styles, Komponenten, Konventionen
- DX-Boost: Prettier-Plugin, Class Sorting, Editor-Setup
Layout, Responsive Design und Accessibility
- Flexbox, Grid, Container Queries und Breakpoints
- Spacing, Sizing, Typografie und Lesbarkeit
- States: hover, focus, active, disabled, group/peer
- Accessibility-Basics: Fokusführung, Kontrast, Semantik
Designsystem mit Theme und Tokens
- tailwind.config.js: colors, spacing, fontScale, shadows
- CSS Variables als Tokens: Light/Dark Mode und Branding
- Arbitrary values gezielt einsetzen, ohne Chaos
- Namenskonventionen für skalierbare Teams
Komponentenbau: wiederverwendbar und wartbar
- Komposition statt Copy-Paste: Patterns für UI-Bausteine
- @layer base/components/utilities sinnvoll nutzen
- Re-Use mit @apply: wann ja, wann nein
- Varianten und Zustände: Buttons, Inputs, Cards, Tables
Animations, Interaktion und UI-Feinschliff
- Transitions, keyframes und Motion-Reduktion
- Micro-Interactions mit Tailwind Utilities
- Dark Mode Strategien: class vs media
- Performance: nur benötigte Styles ausliefern
Produktionsbetrieb und Team-Workflow
- Build-Optimierung, Bundle-Analyse, Caching
- Code Reviews: className-Lesbarkeit und Standards
- Migration von bestehendem CSS/SCSS zu Tailwind
- Dokumentation: Komponenten-Katalog und Guidelines

Teilnahmevoraussetzungen:

Grundkenntnisse in HTML und CSS (Box Model, Flexbox-Grundlagen)
Basiswissen in JavaScript und einem Build-Workflow (z.B. npm) ist hilfreich

Zielgruppe:

Frontend-Entwicklerinnen und Frontend-Entwickler
Webentwicklerinnen und Webentwickler mit React, Vue oder Angular
UI-Engineer, Designsystem- und Component-Library-Teams
UX-Designerinnen und UX-Designer mit technischem Bezug
Alle, die Tailwind CSS sicher in Projekten einsetzen und im Team skalieren wollen

Nach unten

Nach oben

Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.

Akzeptieren Nicht akzeptieren

Ihr Name:

Firma (optional):

Ihre E-Mail-Adresse:

Telefonnummer (optional):

Ihre Nachricht:

Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.

Tailwind CSS: Der Komplettkurs

Detaillierte Informationen zum Seminar

Anbieterinformationen