Curso
Tailwind CSS
Estilize sem acumular uma folha de estilo para manter: classes utilitárias, adaptação a diferentes telas, tema, modo escuro e extração de componentes.
Iniciante a Intermediário 7 lições
As lições
- 1 Por que classes utilitárias Você será capaz de explicar que problema de manutenção o Tailwind realmente resolve, o que você paga em troca e em quais projetos é melhor dispensá-lo.
- 2 Instalação e configuração Você vai aprender a instalar o Tailwind em um projeto moderno, entender como ele detecta as classes utilizadas e equipar seu editor para autocompletar e ordenar as classes.
- 3 O vocabulário básico Você vai saber compor espaçamentos, tipografia, cores, bordas e sombras com a escala do Tailwind, e reconhecer os raros casos em que um valor arbitrário se justifica.
- 4 Layout com Flexbox e Grid Você será capaz de construir uma barra de navegação, uma grade de cards e uma coluna lateral fixa (sticky), e de diagnosticar as três falhas clássicas de alinhamento.
- 5 Adaptar aos tamanhos de tela Você vai saber escrever um layout mobile-first com os prefixos de breakpoint, entender por que o raciocínio inverso quebra e usar container queries.
- 6 Tema e modo escuro Você vai aprender a definir suas cores e fontes no tema, construir um modo escuro controlável pelo usuário e evitar a duplicação de cada classe.
- 7 Evitar a marcação ilegível Você vai saber quando extrair um componente, por que @apply quase sempre é uma falsa boa ideia e como compor classes condicionais sem conflitos.