SEMANA DA PROGRAMAÇÃO
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
Conteúdos gratuitos
Explore conteúdos gratuitos para aprender tecnologia no seu ritmo. Encontre artigos com conteúdos técnicos para aprender na prática, notícias para acompanhar as principais tendências do mercado e o Alura Labs, com análises e reflexões de especialistas sobre tecnologia, IA e carreira.
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](
Invista na transformação da sua carreira!
Aprenda media queries, design responsivo, medidas flexíveis, imagens adaptáveis, e técnicas avançadas de CSS para layouts dinâmicos.
Aprenda a construir um projeto mobile first com Tailwind CSS baseado nas classes utilitárias, com customizações e variações de estado para os elementos.
Aprenda o que é o SVG e porque ele é um ótimo recurso quando você precisa incluir ilustrações em seu site e animá-las de várias formas, com CSS e bibliotecas.
Aprenda neste treinamento com a Rafaela Ballerini e o Guilherme Lima como tornar o seu site HTML e CSS responsivo para diferentes telas e como publicar seu site.
Descubra as diferentes medidas para trabalhar com tamanho em CSS e como cada uma delas pode ser decisiva quando o assunto é acessibilidade.
Neste artigo, você vai conhecer sobre a propriedade Object-fit e como ela traz vantagens incríveis na hora de trabalhar com elementos substituídos.