Praxisorientierter Tailwind CSS Kurs

Hallo allerseits,

in dem Kurs möchte ich euch Tailwind beibringen. Das Ziel ist es euch in Tailwind auf ein Expertenniveau zu bringen. 

Tailwind gewinnt immer mehr an Beliebtheit, da es im Vergleich zum ähnlichen Konkurrenten Bootstrap die generierte CSS-Datei minimal hält und dadurch den PageSpeed-Wert verbessert.

Der Kurs orientiert sich an praxisorientierten Lehrmethoden, es gibt zu jedem theoretischen Inhalt einen praktischen Part.

Es werden die folgenden Themen behandelt: 

• Tailwind Konzepte

• Setup mit CDN

• Setup mit Node.js und Prettier

• Color in Tailwind

• Background Color

• Text Color

• Hover

• Spacing in Tailwind

• Padding

• Margin

• Space Between

• Width

• Height

• Size

• Min-Width

• Max-width

• Min-Height

• Max-Height

• Flex Display

• Gap

• Flex Direction

• Flex Wrap

• Flex Basis

• Grow und Shrink

• Order

• Grid Display

• Grid Cols und Rows

• Grid Span

• Grid Start und End

• Justify Content

• Align Content

• Justify Items

• Align Items

• Justify Self

• Align Self

• Radius

• Border

• Divider

• Shadow

• Ring

• Outline

• Focus

• Focus-Within

• Active

• Group

• Peer

• Decoration

• Font Size

• Font Weight

• Text Align

• Font Family

• Letter Spacing

• Text Overflow

• Line Clamp

• Breakpoints

• Container

• Display

• Position

• Abstände (Top/Right/Bottom/Left/Inset)

• Z-Index

• Overflow

• Overscroll

• Object Fit

• Object Position

• Gradient

• Svg

• Transform Translate

• Transform Rotate

• Transform Scale

• Transform Origin

• Transition Property

• Transition Duration

• Transition Function

• Transition Delay

• Animation

• Cursor

• Select

• Filter Blur

• Filter Hue

• Filter Grayscale

• Direktiven Base

• Direktiven Components

• Direktiven Utilities

• Direktiven Fonts per Link

• Direktiven Fonts per Herunterladen

• Konfiguration Content

• Konfiguration Safelist

• Konfiguration Blocklist

• Konfiguration Theme

• Konfiguration Benutzerdefinierte Animationen

• Konfiguration Plugins

Vielen Dank.