Schița de curs

Introducere

  • Panoramă a Tailwind CSS

Începerea Lucrului

  • Instalarea Tailwind CSS
  • Instalarea Node
  • Instalarea VS Code
  • Setarea mediului

Bazele Tailwind CSS

  • Atașarea Tailwind CSS cu HTML
  • Creatia de containere cu clase utilitare
  • Adăugarea proprietăților width și height
  • Înțelegerea modului în care funcționează flexbox-ul
  • Invelirea și redimensionarea elementelor flex
  • Creatia de layout-uri grid și row
  • Ajustarea fluxului elementelor într-un layout grid
  • Adăugarea unui spațiu între și alinierea elementelor
  • Aliniarea individuală a elementelor
  • Adăugarea de padding și margini elementelor
  • Stilizarea textului folosind clasele utilitare ale Tailwind
  • Adăugarea și stilizarea frontierelor (borders)
  • Adăugarea de umbre elementelor
  • Folosirea punctelor de interruptie pentru comportament responsive
  • Folosirea selectorilor pseudo
  • Direcțiile și funcțiile layer
  • Folosirea componentelor pentru refolosirea codului

Setarea unui Mediu de Dezvoltare Mai Bun

  • Creatia unui mediu cu Tailwind CLI
  • Direcțiile și funcțiile

Rezumat și Următorii Pași

Cerințe

  • Cunoștințe de bază de HTML și CSS

Audiență

  • Dezvoltatori
 7 ore

Numărul de participanți


Pret per participant

Mărturii (4)

Cursuri viitoare

Categorii înrudite