- Seminar / Kurs
- Deutsch
-
- Teilnahmebestätigung
- 21 h
- Anbieterbewertung (47)
Seminar / Kurs
Tailwind CSS: Der Komplettkurs
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
- 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, Konvent...
Zielgruppen
Frontend-Entwicklerinnen und Frontend-EntwicklerWebentwicklerinnen und Webentwickler mit React, Vue oder AngularUI-Engineer, Designsystem- und Component-Library-TeamsUX-Designerinnen und UX-Designer mit technischem BezugAlle, die Tailwind CSS sicher in Projekten einsetzen und im Team skalieren wollen
Frontend-Entwicklerinnen und Frontend-EntwicklerWebentwicklerinnen und Webentwickler mit React, Vue oder AngularUI-Engineer, Designsystem- und Component-Library-TeamsUX-Designerinnen und UX-Designer m... Mehr Informationen
Termine und Orte
| Datum | Uhrzeit | Dauer | Preis | ||
|---|---|---|---|---|---|
| München, DE | |||||
| 12.10.2026 - 14.10.2026 09:00 - 16:00 Uhr 21 h | 09:00 - 16:00 Uhr | 21 h | Details | Details Jetzt buchen | |
| Datum | Uhrzeit | Dauer | Preis | ||
|---|---|---|---|---|---|
| München, DE | |||||
| 12.10.2026 - 14.10.2026 09:00 - 16:00 Uhr 21 h | 09:00 - 16:00 Uhr | 21 h | Details | Details Jetzt buchen | |