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:

aprimore suas técnicas de animação e crie interfaces ainda mais atraentes

Quero estudar na alura

8h

Para conclusão

1565

Pessoas nesse curso

9.3

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Adicione estilos intermediários às animações com keyframes
  • Personalize a velocidade e aceleração usando cubic-bezier
  • Crie animações simultâneas com group
  • Anime elementos aninhados com query
  • Atualize dados da aplicação utilizando BehaviorSubject
  • Sequencie suas animações com stagger
  • Desabilite animações quando necessário

Público alvo_

Pessoas que já possuem conhecimentos básicos sobre o módulo de animações do Angular e desejam aprimorar suas habilidades na criação de interfaces dinâmicas e envolventes, aumentando a usabilidade e interatividade de seus projetos.

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 19/09/2024

Ementa

  1. Busca animada com keyframes, offset e cubic-bezier

    • Buscando tarefas
    • Controlando com keyframes e offset
    • Alterando com cubic-bezier
  2. Botão animado com query e group

    • Sinalizando a validação
    • Animações simultâneas com group
    • Especificando elementos com query
  3. Chamando atenção com query e keyframes

    • Consultando os elementos com query
    • Adicionando estilos com keyframes
    • Resolvendo um erro com optional: true
  4. Refatorando com RxJS

    • Conflitos entre animações
    • Utilizando o BehaviorSubject
    • Refatorando o service
    • Refatorando o componente
  5. Carregando a lista de forma animada

    • Conhecendo o poder do Stagger
    • Desabilitando animações

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