Programa do Curso

Introdução

  • Visão geral do Tailwind CSS

Começando

  • Instalando o Tailwind CSS
  • Instalando o Node
  • Instalando o VS Code
  • Configurando o ambiente

Fundamentos do Tailwind CSS

  • Anexando o Tailwind CSS com HTML
  • Criando contêineres com classes utilitárias
  • Adicionando propriedades de largura e altura
  • Compreendendo como o flexbox funciona
  • Ajustando e redimensionando itens flexíveis
  • Criando layout de grade e linha
  • Ajustando o fluxo dos elementos em um layout de grade
  • Adicionando espaçamento entre e alinhando itens
  • Alinhando itens individuais
  • Adicionando preenchimento e margens aos elementos
  • Estilizando texto usando as classes utilitárias do Tailwind
  • Adicionando e estilizando bordas
  • Adicionando sombras aos elementos
  • Usando breakpoints para adicionar comportamento responsivo
  • Usando seletores pseudos
  • Diretivas e funções de camada
  • Usando componentes para reutilização de código

Configurando um Ambiente de Desenvolvimento Melhor

  • Criando um ambiente com o Tailwind CLI
  • Diretivas e funções

Síntese e Próximos Passos

Requisitos

  • Conhecimento básico de HTML e CSS

Público-Alvo

  • Desenvolvedores
 7 Horas

Declaração de Clientes (4)

Próximas Formações Provisórias

Categorias Relacionadas