O que você aprenderá_
- Construa um projeto utilizando Tailwind CSS
- Identifique quais as principais diferenças entre o Bootstrap e o Tailwind CSS
- Implemente customizações em seu projeto com o tailwind.config
- Modifique o alinhamento e posicionamento dos elementos
- Experimente estilizar elementos com o uso das classes utilitárias
- Produza uma animação do zero para a Alura Newsletter
Público alvo_
Pessoas que já possuem uma base de HTML5 e CSS3. Pessoas que, possivelmente, já sabem um pouco de Bootstrap. Pessoas que buscam trabalhar com melhor responsividade, maior margem para customização e com menos sobrescrição de CSS. Pessoas que gostariam de aprender do zero sobre o Tailwind CSS e aplicar estilizações por meio dele.
Beatriz Moura
Estudante de Analise e Desenvolvimento de Sistemas, troquei a área da saúde e mergulhei em programação!Apaixonada por desenvolvimento Front-end e entusiasta de UX/UI Design.Descobri a paixão por ensinar sendo monitora durante uma outra graduação de ensino, onde também era presidente de Liga Acadêmica e Diretora de Mídia no Diretório Acadêmico.Atualmente sou Instrutora e Desenvolvedora de Software na Alura e já fiz parte do Scuba Team de Front-end.
Curso atualizado em 22/03/2023
Já estuda na Alura?
Comece o curso agoraEmenta
Olá Tailwind CSS!
- Apresentação
- Conhecendo o Tailwind CSS
- Como utilizar o Tailwind CSS
- Primeiros passos
Alura Newsletter
- Sobre o projeto
- Customizações no Tailwind
- Escondendo um elemento
Avançando no projeto
- Alinhando os elementos
- Estilizando os textos
- Larguras e espaçamentos
Mais funcionalidades
- Bordas e sombras
- Pseudo-classes e ring
- Adaptando a responsividade
Animações com Tailwind CSS
- Parent state e Animation
- Criando uma animação customizada
- Deploy do projeto
- Conclusão
Descubra se esse curso é pra você! Leia as primeiras aulas
-
Formação
CSS: aprofunde em estilos
8h
De curso
46
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
João Carlos de Melo Junior
Italo Fernandes
Alex De Pretto Mansano
Iago Henrique Vieira do Carmo
Daniel Bertollotto
e mais 311 pessoas
e mais 311 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
Aprenda HTML e CSS com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas