Kursplan

Introduksjon

  • Oversikt over Tailwind CSS

Å komme i gang

  • Installere Tailwind CSS
  • Installere Node
  • Installere VS code
  • Oppsette miljøet

Tailwind CSS grunnleggende

  • Koble Tailwind CSS med HTML
  • Opprette beholdere med nyttelastklasser
  • Legge til bredde- og høydeegenskaper
  • Forstå hvordan flexbox fungerer
  • Pakke inn og endre størrelse på flex-elementer
  • Opprette rutenett og radoppsett
  • Justere elementers flyt i et rutenettoppsett
  • Legge til avstand mellom og justere elementer
  • Justere enkeltstående elementer
  • Legge til padding og marginer til elementer
  • Styling av tekst ved hjelp av Tailwind nyttelastklasser
  • Legge til og styling av kanter
  • Legge til skygger til elementer
  • Bruke brytpunkter for å legge til responsiv oppførsel
  • Bruke Pseudo selektorer
  • Lag og anvend direktiver
  • Bruk av komponenter for kodegjenbruk

Oppsett av et bedre utviklingsmiljø

  • Opprette et miljø med Tailwind CLI
  • Direktiver og funksjoner

Oppsummering og neste steg

Krav

  • Grunnleggende kunnskap om HTML og CSS

Målgruppe

  • Utviklere
 7 timer

Antall deltakere


Pris per deltaker

Referanser (4)

Kommende kurs

Relaterte kategorier