Programa do Curso

Introdução

  • Visão geral de Tailwind CSS

Começar a trabalhar

  • Instalando Tailwind CSS
  • Instalando o Node
  • Instalando o código VS
  • Configurando o ambiente

Tailwind CSS Fundamentos

  • Anexar Tailwind CSS com HTML
  • Criar contentores com classes utilitárias
  • Adicionar propriedades de largura e altura
  • Entendendo como o flexbox funciona
  • Envolvendo e redimensionando itens flexíveis
  • Criar uma grelha e um layout de linha
  • Ajustar o fluxo de elementos num esquema de grelha
  • Adicionar espaço entre itens e justificá-los
  • Justificar itens individuais
  • Adicionar preenchimento e margens aos elementos
  • Estilizar texto utilizando as classes de utilitários do Tailwind
  • Adicionar e estilizar limites
  • Adicionar sombras a elementos
  • Utilizar pontos de interrupção para adicionar comportamento reativo
  • Utilizar pseudo-selectores
  • Directivas de camadas e de aplicação
  • Utilizar componentes para reutilização de código

Configurar um ambiente de desenvolvimento melhor

  • Criar um ambiente com o Tailwind CLI
  • Directivas e funções

Resumo e próximas etapas

Requisitos

  • Conhecimentos básicos de HTML e CSS

Público

  • Desenvolvedores
 7 horas

Declaração de Clientes (6)

Cursos Relacionados

Categorias Relacionadas