Name: Curso Angular 19: diretivas, projeção de conteúdo e interações com o DOM
Rating: 4.5 (59 reviews)

Matricule-se com desconto especial do Gaules!

diretivas, projeção de conteúdo e interações com o DOM

Quero estudar na alura

10h

Para conclusão

133

Pessoas nesse curso

Avaliação média

Certificado

De participação

O que você aprenderá_

Crie e aplique diretivas personalizadas para reutilizar comportamentos em diferentes elementos HTML
Utilize o ng-content para realizar projeção de conteúdo e criar componentes Angular mais reutilizáveis
Interaja com elementos do DOM diretamente através de viewChild e variáveis de template
Sincronize estados entre componentes usando model signal
Gerencie múltiplas dependências em signals computados
Integre novas funcionalidades em um projeto já existente

Público alvo_

Este curso é ideal para pessoas desenvolvedoras front-end que já possuem conhecimentos básicos em Angular, HTML, CSS e TypeScript, e que desejam aprofundar suas habilidades na criação de aplicações dinâmicas e interativas. É especialmente recomendado para quem busca entender melhor recurso mais avançados do Angular, como diretivas personalizadas, projeção de conteúdo avançada e manipulação do DOM.

Antônio Evaldo

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 15/05/2025

Já estuda na Alura?

Comece o curso agora

Ementa

Embarcando no projeto
- Baixando o projeto
- Projeção de conteúdo com `ng-content`
Trabalhando com diretiva personalizada
- Criando diretiva de atributo personalizada
- Recebendo o ElementRef na diretiva
- Aplicando input na diretiva
- Passando mais inputs para a diretiva
Avançando no ng-content no Card
- Reaproveitando o card
- Projetando múltiplos conteúdos
- Agrupando elementos com ng-container e conteúdo padrão
Construindo um modal
- Buscando dialog com viewChild e variável de template
- Abrindo o modal de transações
- Componentizando o modal
- Abrindo modal externamente
- Fechando o modal com model signal
Dinamizando os modais
- Dinamizando o formulário de nova transação
- Criando o objeto de transação
- Adicionando transação com reemissão de eventos
- Criando componente BotaoAdicionarConta
Realizando integrações entre os dados
- Criando computed de contas com saldo atualizado
- Calculando saldo de cada conta

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!

Formação
Angular 19: primeiros passos

10h
De curso

61
Atividades

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