Děkujeme za vaši dotaz! Jeden z našich pracovníků vás brzy kontaktuje.
Děkujeme za rezervaci! Jeden z našich pracovníků vás brzy kontaktuje.
Návrh Školení
Úvod
- Přehled Tailwind CSS
Začínáme
- Instalace Tailwind CSS
- Instalace Node.js
- Instalace programu VS Code
- Nastavení vývojového prostředí
Základy Tailwind CSS
- Připojení Tailwind CSS k HTML dokumentu
- Tvorba kontejnerů pomocí praktických tříd
- Přidání vlastností šířky a výšky
- Porozumění principu fungování flexboxu
- Změna velikosti a uspořádání prvků ve flexboxu
- Tvorba mřížkového rozvrstvení stránky
- Přizpůsobení uspořádání jednotlivých položek v mřížce
- Přidávání mezery mezi prvky a jejich zarovnávání
- Zarovnávání konkrétních prvků na stránce
- Přidávání vyplnění a okrajů k jednotlivým prvkům
- Stylizace textu pomocí praktických tříd Tailwindu
- Přidávání a stylizace ohraničení
- Přidávání stínů k prvkům stránky
- Využití „breakpointů“ pro vytvoření responzivního designu
- Práce s pseudoselektory
- Použití direktiv „layer“ a „apply“
- Využívání komponent k opakovanému využití kódu
Nastavení lepšího vývojového prostředí
- Vytvoření pracovního prostředí pomocí Tailwind CLI
- Použití direktiv a funkcí v Tailwindu
Shrnutí a další kroky
Požadavky
- Základní znalosti HTML a CSS
Cílová skupina
- Vývojáři
7 Hodiny
Reference (2)
Praktické cvičení, osobní pomoc a dotazování.
Jose Paulos - INESC TEC
Kurz - Tailwind CSS
Přeloženo strojem
Učitel.
Jose Ferreira - INESC TEC
Kurz - Tailwind CSS
Přeloženo strojem
