Aniversário
Alura 12 anos

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Matricule-se com desconto especial do Gaules!

Logo do curso
Curso

Angular:

torne sua aplicação interativa e personalizada com animações

Quero estudar na alura

6h

Para conclusão

1812

Pessoas nesse curso

9.3

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Aprenda a utilizar o módulo de animações do Angular
  • Entenda como adicionar gatilhos nos elementos do template com o método trigger
  • Saiba como animar diferentes estados do elemento com os métodos state e style
  • Aplique diferentes formas de adicionar animações às transições de estado do elemento com os métodos transition e animate
  • Conheça os estados reservados void e coringa
  • Anime elementos que não estão anexados ao DOM com :enter e :leave

Público alvo_

Pessoas que já utilizam o Angular e querem aprender a tornar suas aplicações mais interativas e personalizadas adicionando animações através da API de animações do Angular.

Nayanne Batista

github

linkedin

Nayanne (Nay) é uma paraibana arretada que fez transição de carreira para a TI depois de concluir um doutorado na área da saúde e ser professora no ensino superior. Graduada em Análise e Desenvolvimento de Sistemas, já atuou como Dev Frontend em projetos e hoje é Instrutora na Alura. Acredita completamente no poder transformador da educação e da tecnologia na vida das pessoas. Ama livros e café! :)

Curso atualizado em 26/09/2024

Ementa

  1. Conhecendo as animações

    • Por que usar animações?
    • Conhecendo o projeto base
    • Módulo de animações
  2. Animando o card

    • Adicionando um gatilho
    • Inserindo estados e estilos
    • Ligando o trigger e o template
  3. Transições entre estados

    • Criando transições
    • Adicionando animação
    • Boas práticas com animações
  4. Animando o formulário

    • Trigger com ngIf
    • Estado void
    • Estado coringa, enter e leave
  5. Desafio check

    • Consolidando o conhecimento
    • Resolução do desafio

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Este e mais 7 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas