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 19:

aplicando interação entre componentes com inputs e outputs

Quero estudar na alura

10h

Para conclusão

249

Pessoas nesse curso

9.2

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Formate dados com os Pipes do Angular, como DatePipe e CurrencyPipe
  • Crie formulários com vínculo bidirecional (two-way binding) na abordagem de formulários orientados a template
  • Implemente a comunicação entre componentes com inputs e outputs
  • Aplique dinamismo e reatividade com signals e computed
  • Utilize bibliotecas externas para resolver problemas do projeto

Público alvo_

Este curso é ideal para pessoas desenvolvedoras front-end que já possuem conhecimentos em HTML, CSS, TypeScript e básico de Angular, e desejam aprofundar suas habilidades na criação de aplicações dinâmicas e interativas. É especialmente recomendado para aqueles(as) que buscam entender melhor a comunicação entre componentes e a reatividade em Angular.

Antônio Evaldo

github

linkedin

Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

Curso atualizado em 26/03/2025

Ementa

  1. Aquecendo os motores

    • Criando projeto Angular
    • Criando componente Banner
  2. Transformando dados com pipes

    • Formatando data com DatePipe
    • Criando componentes BoasVindas e Conta
    • Mais Pipes e Internacionalização
  3. Lidando com formulários

    • Criando componente FormNovaTransacao
    • Finalizando HTML do FormNovaTransacao
    • Vínculo bidirecional com ngModel
    • ngModel no select e validação nativa do HTML
  4. Comunicando componente pai com output

    • Árvore de componentes
    • Emitindo evento personalizado com output
    • Criando classe "Transacao"
    • Enviando dados pelo output
  5. Processando dados com signal e computed

    • Criando lista de transações com signal
    • Calculando o saldo com computed
    • Diminuindo o saldo no saque
    • Passando saldo com input
    • Renderizando options com KeyValuePipe
  6. Exibindo transações no extrato

    • Criando componentes Extrato e Transacao
    • Listando transações com @for
    • Gerando ID único para cada transação
    • Exibindo datas das transaçõ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 6 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

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 117 pessoas

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