Návrh Školení

Úvod

  • Přehled Tailwind CSS

Začínáme

  • Instalace Tailwind CSS
  • Instalace Node
  • Instalace VS Code
  • Nastavení prostředí

Základy Tailwind CSS

  • Připojení Tailwind CSS k HTML
  • Vytváření kontejnerů pomocí užitkových tříd
  • Přidání šířky a výšky prvkům
  • Chápání, jak funguje flexbox
  • Zalamování a změna velikosti flex itemů
  • Vytváření mřížkových a řádkových rozvržení
  • Přizpůsobení toku prvků v mřížkovém rozvržení
  • Přidání mezery mezi prvky a jejich zarovnání
  • Zarovnání jednotlivých prvků
  • Přidání a nastavení odstupů k prvkům
  • Stylování textu pomocí užitkových tříd Tailwind
  • Přidání a stylování ohraničení
  • Přidání stínů k prvkům
  • Použití breakpointů pro přidání responzivního chování
  • Použití pseudoselektorů
  • Směrovací a aplikace direktivy
  • Použití komponent pro opakovatelné kódování

Nastavení lepšího vývojového prostředí

  • Vytváření prostředí s Tailwind CLI
  • Direktivy a funkce

Závěr a další kroky

Požadavky

  • Základní znalosti HTML a CSS

Cílová skupina

  • Vývojáři
 7 hodiny

Počet účastníků


Cena za účastníka

Reference (4)

Nadcházející kurzy

Související kategorie