Aprenda Tailwind CSS - React JS com Projetos Práticos 2022

Aprenda o Framework CSS de Utilidades Mais Popular: Tailwind CSS

Avaliação: 3.7 de 515 avaliações

Total de horas: 5.5

Aulas: 35

Nível: Iniciante

Sobre o Curso

Cascading Style Sheets (CSS) é uma linguagem de folha de estilo usada para descrever a apresentação de um documento escrito em uma linguagem de marcação como HTML. CSS é uma tecnologia fundamental da World Wide Web, juntamente com HTML e JavaScript. Tailwind CSS pode ser usado para criar sites de forma rápida e fácil. Tailwind CSS é um framework CSS de utilidades para construir interfaces de usuário personalizadas rapidamente. É um framework CSS altamente personalizável e de baixo nível que fornece todos os blocos de construção necessários para criar designs únicos sem estilos predefinidos que são difíceis de substituir.

A beleza do Tailwind CSS é que ele permite que você reúna pequenos componentes para construir uma interface de usuário única para suas necessidades. Ao contrário de outros frameworks, o Tailwind não impõe especificações de design ou dita como seu site deve parecer. Ele simplesmente pega um arquivo CSS bruto, processa-o em um arquivo de configuração e produz uma saída.

Vantagens do Tailwind CSS:

• Nomes confusos para classes e IDs de CSS não são mais necessários
• Mínimas linhas de código em arquivos CSS
• Designs personalizáveis para componentes
• Design responsivo de sites
• Mudanças fáceis e desejadas no estilo
• Capacidade de fazer alterações locais usando classes de utilidade

Tópicos Abordados neste Curso

• Introdução ao Tailwind
• Diferenças entre CSS Puro, Bootstrap e Tailwind CSS
• Integração do React com Tailwind
• Tipografia
• Cores e Cores de Fundo
• Alturas e Larguras
• Espaçamento (Margem e Preenchimento)
• Flexboxes
• Alinhamento com Flexboxes
• Cursor e Efeitos de Hover
• Posições (Estático, Fixo, Absoluto, Relativo)
• Alinhamento com Posições
• Sistema de Grid
• Media Queries
• Visualizações Responsivas
• Personalização de Classes do Tailwind
• Três Projetos Práticos

O que Você Aprenderá

• Framework CSS de utilidades
• Diferenças entre CSS Puro, Bootstrap e Tailwind
• Como o Tailwind Funciona
• Todos os conceitos importantes de estilização para iniciantes com exemplos
• Três Projetos Práticos