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č se čistě nový Tailwind 2. Tailwind je CSS framework pro lidi, kterým Bootstrap přijde omezující. Bootstrap je fajn, když chceš design složit z předvyrobených kusů. Tailwind je fajn, když chceš tvořit vlastní design, ale rychle jako drak. Nediktuje ti vzhled ani HTML kód. Dovoluje designovat přímo z HTML. Má skvělé pomocné nástroje. Na první pohled může působit zvláštně, ale vyzkoušej si ho. Možná se zamiluješ. A možná najdeš pomocníka pro rychlé prototypování. Je to nový pohled na psaní stylů.

Tailwind je poměrně nový CSS framework, který nabral velkou popularitu. Za jeho vývojem je především známá osobnost ze světa Laravelu Adam Wathan, a Steve Schoger, který je známý webový designér. Výsledkem je intuitivní a moderní CSS framework, který se dá navíc rychle naučit.

Co všecho dostaneš

  • nadupané videotutoriály o Tailwind CSS
  • certifikát o absolvování kurzu
  • diskuse s lektorem
  • materiály ke kurzu ke stažení

Seznam 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!