TailwindCSS Avançado - V4

Este workshop - TailwindCSS Avançado é ideal para quem já sabe TailwindCSS mas deseja aprender técnicas mais avançadas para aumentar a produtividade. Ele também é a continuação do Workshop TailwindCSS Básico que já foi realizado pelo Codante.

O cronograma deste Workshop (TailwindCSS Avançado) está abaixo:

Classes e Dicas Interessantes

• Peer, Group e In
• Arbitrary properties
• Arbitrary variants (como lidar com whitespace)
• Outras Classes que fazem "mágica":
• Regras do Tailwind

Diretivas e Funções

• Diretivas no TailwindCSS
• Diretiva @theme
  • Estendendo Temas
• Outras diretivas
• Funções do TailwindCSS

Dark mode com TailwindCSS

• Dark mode como variante
• Exercício

Trabalhando com Transições e Animações

• Transições
• Animações existentes
• Criando e registrando animações

Plugins do TailwindCSS: Tipografia e Forms

• Instalando Plugins
• Plugin de Formulário
• Plugin de Tipografia

Ferramentas importantes

• tailwind-merge
• clsx e classnames
• cva e tailwind-variants
• Nossa função utilitária (cn()) inspirada pelo shadcn.

Outras Ferramentas

• Headless components
• Bibliotecas de Componentes