“Curso muito bom e professor explica bem.”
Tailwind CSS - Primeiros passos
Descubra como criar designs incríveis com o curso de Tailwind CSS Fundamentos!
- 03h40 de vídeos
- 47 aulas
- 21 exercícios
- Certificado de 12 horas
- Iniciante
+200 mil alunos já aceleraram a carreira aqui, com professores que atuam no mercado
Acesso completo a todos os cursos e dezenas de Formações.
12 meses
de 12x R$ 129,00 por apenas
12x R$ 59,00
sem juros no cartão de crédito ou R$ 599,00 à vista
Oferta termina em 17h 49min 16s
- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!
Sobre o curso
Tailwind CSS é um framework que nos permite criar layouts para aplicações web através do uso de utility-first, são classes utilitárias que representam propriedades CSS, como: width, border e background.
Este curso visa passar o conceito desta ferramenta e o conhecimento inicial de como trabalhar com este framework CSS.
Pra quem é esse curso?
O que irá aprender?
- O que é Tailwind CSS;
- Uso de utility first;
- Como instalar o Tailwind via NPM;
- Adicionar e personalizar fontes;
- Estilizar elementos utilizando apenas framework;
- Trabalhar com backgrounds;
- Manipulação de imagens;
- Criação de cards com imagens;
- Aplicando pseudo classes para criar interações entre a página web e o usuário.
Pré-requisitos sugeridos
Não são obrigatórios — apenas sugestões de base para você tirar mais proveito do curso.
Conteúdo programático
7 módulos, 47 aulas e 21 exercícios , num total de 03h40 de vídeo .
01 Conceitos Fundamentais 9 aulas
- Apresentação
- O que é Tailwind CSS
- Utility-first
- Instalação do Node.js - Windows, Mac e Linux
- Instalando o Tailwind CSS
- O código-fonte deste curso está no GitHub!
- Gerando CSS apenas com as classes utilizadas
- Instalando Tailwind Intellisense
- Questionário
02 Trabalhando com espaçamentos 7 aulas
- Margin
- Padding
- Bordas
- Border-radius
- Space
- Gap
- Questionário
03 Largura e Altura 7 aulas
- Width
- Max-width
- Min-width
- Height
- Min-height
- Max-height
- Questionário
04 Tipografia 7 aulas
- Adicionando fontes
- Tamanho de fonte
- Cores da fonte
- Peso da fonte
- Estilo de fonte
- Espaçamento entre linhas e letras
- Questionário
05 Backgrounds 6 aulas
- Background-image
- Background-size
- Background-position
- Background-color
- Background-gradient
- Questionário
06 Trabalhando com imagens 5 aulas
- Inserindo imagens
- Definindo largura para imagem
- Definindo altura para imagem
- Criação de cards com imagens
- Questionário
07 Pseudo classe 6 aulas
- O que são pseudo classes
- Hover
- Focus
- Active
- Disabled
- Questionário
Utilizada e amada por milhares de desenvolvedores.
“Excelente curso, muito bem explicado.”
“Exelente! Direto ao ponto.”
Comece este curso ainda hoje.
03h40 de vídeo, 21 exercícios, certificado de 12 horas — mais todos os outros cursos e formações da TreinaWeb na mesma assinatura.
Quero assinarConteúdos relacionados
-
Iniciante
-
Iniciante
Formações que incluem este conteúdo
-
FormaçãoFront-end
Desenvolvedor Tailwind
Tailwind CSS é um framework CSS moderno e flexível que permite criar layouts responsivos e com um visual consistente. Ele é baseado em classes utilitárias, que fornecem uma maneira rápida e fácil de adicionar estilos aos elementos HTML.
6 cursos 09h25 de vídeos
Um ano de acesso total para você viver de programação.
Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no
mercado, suporte direto e certificados. Do primeiro
console.log ao mercado de trabalho.
- 1 ano de acesso a todos os cursos
- Cursos novos toda semana
- Suporte direto com professores
- Plano de carreira personalizado
- Certificados digitais inclusos
- Aplicativos para Android e iOS, com acesso offline
Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro.
Acesso completo a todos os cursos e dezenas de Formações.
12 meses
de 12x R$ 129,00 por apenas
12x R$ 59,00
sem juros no cartão de crédito ou R$ 599,00 à vista
Oferta termina em 17h 49min 16s
- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!
Estou começando do zero. A TreinaWeb é para mim?
Sim. A plataforma possui conteúdos para quem está dando os primeiros passos em programação, incluindo fundamentos e formações organizadas para ajudar você a avançar progressivamente.
Se você ainda não programa, recomendamos começar pelas bases antes de entrar em conteúdos mais avançados de IA aplicada ao desenvolvimento.
Já sou desenvolvedor. Vou encontrar conteúdo para mim?
Sim. Além dos conteúdos fundamentais, a TreinaWeb possui formações, cursos intermediários e avançados, frameworks, arquitetura, infraestrutura e uma formação dedicada à aplicação de IA no desenvolvimento.
A TreinaWeb tem cursos de Inteligência Artificial para desenvolvedores?
Sim. A Formação IA para Devs reúne conteúdos sobre ferramentas e conceitos utilizados no desenvolvimento assistido por IA, incluindo GitHub Copilot, Cursor, Claude Code, Gemini CLI, MCP, Prompt Engineering, n8n e outros recursos.
Preciso saber programar para fazer a Formação IA para Devs?
A Formação IA para Devs é especialmente indicada para quem já possui conhecimentos de programação.
Se você ainda está começando, pode primeiro desenvolver sua base com os cursos e formações de programação disponíveis na própria TreinaWeb e depois avançar para IA.
Tenho acesso a todos os cursos?
Sim. Durante o período da assinatura, você tem acesso aos cursos e formações contemplados pelo plano anual da TreinaWeb.
Por quanto tempo tenho acesso?
O plano apresentado nesta página oferece 12 meses de acesso à plataforma.
Existe uma ordem recomendada para estudar?
Sim. As formações e planos de carreira ajudam você a organizar o aprendizado e entender quais conteúdos fazem mais sentido para cada etapa.
Posso tirar dúvidas?
Sim. A assinatura inclui os canais de suporte disponibilizados pela TreinaWeb para que você possa esclarecer dúvidas relacionadas aos conteúdos estudados.
Os cursos possuem certificado?
Sim. Os certificados digitais dos cursos concluídos estão incluídos na assinatura, de acordo com as regras de conclusão da plataforma.
Posso estudar pelo celular?
Sim. A TreinaWeb possui aplicativos para Android e iOS e oferece recursos de acesso offline pelo aplicativo.
A TreinaWeb lança novos cursos?
Sim. Novos conteúdos são adicionados regularmente à plataforma para acompanhar a evolução das tecnologias e ferramentas utilizadas no desenvolvimento.
Como funciona a garantia?
Você possui 7 dias de garantia para conhecer a plataforma. Caso decida que a TreinaWeb não atende às suas expectativas dentro desse período, poderá solicitar o reembolso conforme as condições da garantia.