Schița de curs

Introducere

  • Prezentare generală a Tailwind CSS

Noțiuni introductive

  • Instalarea Tailwind CSS
  • Instalarea nodului
  • Instalarea codului VS
  • Configurarea mediului

Tailwind CSS Noțiuni de bază

  • Atașare Tailwind CSS cu HTML
  • Crearea de containere cu clase de utilitate
  • Adăugarea proprietăților de lățime și înălțime
  • Înțelegerea modului în care funcționează flexbox
  • Înfășurarea și redimensionarea elementelor flexbox
  • Crearea unei grile și a unui aspect de rând
  • Ajustarea fluxului de elemente într-o dispunere în grilă
  • Adăugarea spațiului dintre elemente și justificarea elementelor
  • Justificarea elementelor individuale
  • Adăugarea de umplutură și margini la elemente
  • Stilizarea textului utilizând clasele de utilitate Tailwind
  • Adăugarea și stilizarea marginilor
  • Adăugarea de umbre la elemente
  • Utilizarea punctelor de întrerupere pentru a adăuga un comportament receptiv
  • Utilizarea pseudo-selectoarelor
  • Stratificarea și aplicarea directivelor
  • Utilizarea componentelor pentru reutilizarea codului

Configurarea unui mediu de dezvoltare mai bun

  • Crearea unui mediu cu Tailwind CLI
  • Directive și funcții

Rezumat și etapele următoare

Cerințe

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

Audiență

  • Dezvoltatorii
 7 ore

Numărul de participanți



Pret per participant

Mărturii (6)

Cursuri înrudite

Categorii înrudite