Tailwind CSS

Zpět na kurzy
Course duration 2h 38m 54s
Course chapters 28 kapitol
Course difficulty Začátečník

Popis online kurzu

Nauč sa čisto nový Tailwind 2. Tailwind je CSS framework pre ľudí, ktorým Bootstrap príde obmedzujúci. Bootstrap je fajn, keď chceš dizajn zložiť z pred-vyrobených kusov. Tailwind je fajn, keď chceš tvoriť vlastný dizajn, ale rýchlo ako drak. Nediktuje ti výzor ani HTML kód. Dovoľuje dizajnovať priamo z HTML. Má skvelé pomocné nástroje. Na prvý pohľad može pôsobiť zvláštne, ale vyskúšaj si ho. Možno sa zamiluješ. A možno nájdeš pomocníka na rýchle prototypovanie. Je to nový pohľad na písanie štýlov.

Tailwind je pomerne nový CSS framework, ktorý nabral veľkú popularitu. Za jeho vývojom je predovšetkým známa osobnosť zo sveta Laravelu Adam Wathan, a Steve Schoger, ktorý je známy webový dizajnér. Výsledkom je intuitívny a moderný CSS framework, ktorý sa navyše dá rýchlo naučiť.

Čo všetko dostaneš

  • nadupané videotutoriály o Tailwind CSS
  • certifikát o absolvovaní kurzu
  • diskusia s lektorom
  • materiály ku kurzu na stiahnutie

Zoznam kapitol kurzu

  • INTRO a INSTALL  
    •  01 | TAILWIND CSS, framework bez hraníc  
    •  02 | TAILWIND PLAYGROUND, pozor na ihly  
    •  03 | TAILWIND vs BOOSTRAP, pre každého niečo  
    •  04 | EDITOR a DOKUMENTÁCIA, nechaj si poradiť  
    •  05 | NAINŠTALUJ TAILWIND, do počítača  
  •  Makáme   
    •  06 | ŠTRUKTÚRA DOKUMENTU, ako funguje moja hlava  
    •  07 | LISTS, pre karty  
    •  08 | CARDS, pre kontent  
    •  09 | VASHO INTERMEZZO, sekcie výšky okna  
    •  10 | HEADER a FOOTER, ladíme  
    •  11 | NEKONEČNÁ ŠÍRKA, stretneme sa v Strečne  
    •  12 | LIST SCROLLUJE, card je snug  
    •  13 | KOMPONENTY, uprac sem class  
    •  14 | RESPONSIVE, a flex vs grid  
  •  Štelujem   
    •  15 | CONFIG SÚBOR 01, breakpoints  
    •  16 | CONFIG SÚBOR 02, colors  
    •  17 | PURGE CSS, menší súbor je lepší súbor  
  •  Pulírujeme 
    •  18 | FORMULÁR, pridaj nový card  
    •  19 | VLASTNÁ UTILITA, text-shadow a btn komponent  
    •  20 | SVG, omg  
    •  21 | PADDNEME CONTENT, také normálne myšlienky  
    •  22 | OBRÁZOK, pekný je  
    •  23 | NOVÝ LIST, nový formulár  
    •  24 | LABELS, don't label me!  
    •  25 | TAGS, content je editable  
    •  26 | POP-UP, a drobné animácie  
  •  BRÚ NOC 
    •  27 | POSLEDNÝ PURGE, brú noc
Online kurz Tailwind CSS je možné vyzkoušet i zdarma!