Escolha seu Plano
Carreiras Alura
Evolua com profundidade técnica, direção clara e aplicação prática.
Jornadas guiadas do básico ao avançado com checkpoints práticos, desenhadas para quem busca profundidade e protagonismo técnico.
Iniciante
Comece do zero com uma trilha clara e progressiva.
Fundamentos práticos para dar os primeiros passos com segurança e construir uma base sólida.
Intermediário
Continue sua evolução com cursos que conectam fundamentos, ferramentas e prática profissional. Ganhe autonomia, e avance para projetos mais completos.
Avançado
Aprofunde temas técnicos e estratégicos para enfrentar desafios mais complexos. Explore boas práticas, arquitetura, performance com visão profissional.
CURSOS
CARREIRAS
Skills & Go
O Skills & Go é para Tech Leads, Product Managers, estrategistas e early adopters que transformam ideias em soluções de alto impacto. Em cursos ao vivo e 100% online, você domina a nova era da IA em tempo real.
Aulas ao vivo
Eventos Alura
Nossos eventos são pensados para quem quer estar à frente das mudanças em tecnologia, IA e inovação. Em experiências presenciais, você acompanha tendências e se conecta com especialistas que estão moldando o futuro.
Próximos eventos
Nesse artigo vamos ver as opções que o NextJS oferece para se trabalhar com CSS, de CSS Modules até bibliotecas que utilizam CSS in JS.
Para começar algum desenvolvimento front end, muitas vezes o dev iniciante estuda, faz cursos, mas tem dificuldade de ganhar experiência e aplicar o que aprendeu. Por isso, esse Alura Mais faz parte da série de 5 projetos usando HTML/CSS. Tenha acesso ao projeto utilizado no vídeo neste link: [Alura+ - Animação (coração)](
Invista na transformação da sua carreira!
As vezes é difícil decidir o que acrescentar em um projeto que estamos desenvolvendo e inserir animações pode ser uma estratégia atrativa. Nesse Alura Mais, a instrutora Mônica irá mostrar como fazer uma animação que simula o que acontece no computador ao escrever uma frase, apenas com poucas linhas de HTML e CSS. Esse vídeo faz parte da série de 5 projetos usando HTML/CSS. Acesse o projeto final nesse link: Com os nossos conteúdos você pode aprender a [animar um coração]( descobrir como unir esse conhecimento com Javascript através do curso ["Vetores e Animação com SVG: Trabalhando com CSS e JavaScript"]( da instrutora Juliana e também ter um guia de bolso feito pelo Mario Souto, com seu artigo [CSS: animações com Transition e Animation](
A funcionalidade Modo Noturno, conhecida também como Dark Mode, está cada vez mais popular, podendo ser encontrada em diversos tipos de aplicações, seja em redes sociais, plataformas educacionais ou de entretenimento. Nesse Alura+, o instrutor Luan Alves ensina como realizar esta aplicação em um layout. Esse vídeo faz parte da série de 5 vídeos explicando HTML e CSS! E neste também utilizaremos um pouco de JavaScript! Acesse o projeto final neste link: Quer se aprofundar sobre desenvolvimento front-end? Venha comigo estudar a [Formação Front-End]( disponibilizada na plataforma [Alura](
Aprender como construir animações pode ser uma tarefa desafiadora, mas depois de dominada, os resultados são incríveis e se tornam um mega diferencial para os seus projetos e skills. Neste Alura+, a instrutora Beatriz Moura, ensina diversos conceitos relacionados a propriedade do CSS Animation e como criar uma transformação 3D apenas com HTML e CSS que causa o efeito de giro em um elemento, também conhecido como Flip Effect. Acesse o projeto final neste link: [projeto do Alura+ CSS 3D: criando o efeito flip]( Quer dar um mergulho mais aprofundado em animações? Acesse nossos conteúdos e aprenda ainda mais! - [Alura+ Animação em texto: um projeto em HTML/CSS]( - [Alura+ Animação de coração: um projeto em HTML/CSS]( - [Curso Vetores e Animação com SVG: trabalhando com CSS e JavaScript]( - [Artigo CSS: animações com Transition e Animation](
Aplicar animações em um projeto enriquecem ainda mais o trabalho e para construir animações ainda mais refinadas, podemos utilizar o JavaScript como aliado! Assim, temos maior controle da animação e maior interação do usuário, como por exemplo, a partir de um evento de click no botão. Sendo assim, neste Alura+, a instrutora Beatriz Moura, ensina como criar uma lógica para manipular uma transformação 3D de um projeto utilizando as funcionalidades do JavaScript. Acesse o projeto final neste link: [projeto do Alura+ CSS 3D: animação dinâmica com JavaScript]( Quer dar um mergulho mais aprofundado em Animações? Acesse nossos conteúdos e aprenda ainda mais! - [Alura+ CSS 3D: criando o efeito flip]( - [Alura+ Animação em texto: um projeto em HTML/CSS]( - [Alura+ Animação de coração: um projeto em HTML/CSS]( - [Curso Vetores e Animação com SVG: trabalhando com CSS e JavaScript]( - [Artigo: CSS: animações com Transition e Animation](
Aprenda hoje HTML e CSS de forma prática inspirado num projeto real. Neste curso, a Rafa Ballerini e o Guilherme Lima vão te acompanhar neste primeiro mergulho.
Aprenda a aplicar técnicas avançadas em React utilizando CSS Modules, Styled Components e Tailwind CSS, integrando ferramentas de design para criar interfaces consistentes e modernas.
Aprenda a criar animações e transições sofisticadas em projetos web com JavaScript e CSS.