O que você aprenderá_

Implemente Two‑Way Data Binding para sincronizar campos do HTML com propriedades do componente.
Aplique diretivas de controle de fluxo para renderizar conteúdo condicional e listas com melhor desempenho.
Utilize Property Binding e pipes para formatar valores e atualizar atributos dinamicamente.
Reutilize componentes com ng-container, ng-content e ng-template para estruturar a interface.
Implemente estratégias de lazy rendering e otimização para reduzir cálculos e carregamentos desnecessários.
Organize o projeto em módulos e componentes seguindo as práticas recomendadas do Angular.

Público alvo_

Desenvolvedores front-end, estudantes e profissionais que desejam aprofundar o uso do Angular para criar interfaces reativas, melhorar a performance e estruturar projetos com boas práticas.

Ariel Paixão

Sou Software Engineer com mais de 7 anos de experiência, especializado em desenvolvimento de interfaces com React e Next.js, além de Angular e Vue. Meu foco é desenvolver soluções de alto desempenho que economizem tempo para as empresas. Além da minha experiência no desenvolvimento de interfaces, também trabalhei com C#, SQL, PostgreSQL, Flutter e React Native.A paixão por compartilhar conhecimento me levou ao universo da docênci. E hoje é um prazer fazer parte do time da Alura!

Curso atualizado em 18/08/2026

Já estuda na Alura?

Comece o curso agora

Ementa

Construindo formulários com Two-way binding
- Apresentando o Two-Way Binding
- Uso correto do Two-Way Binding em formulários
- Diferentes tipos de campo com Two-Way Binding
Utilizando o Control Flow
- Apresentando o Novo Control Flow
- Condicionais com Control Flow
- Repetição performática com for
- Definido casos específicos com switch
Implementando template no Angular
- Templates no Angular
- Como utilizar property bindings no Angular
- Como utilizar event bindings no Angular
- Como utilizar attribute bindings no Angular
Formatando dados com Pipes
- Apresentação das Pipes do Angular
- Utilizando Pipes para formatar datas
- Criando nossos próprios Pipes customizados
- Concatenando Pipes
Criando interfaces com slotting e template fragments
- Onde utilizar o ng-content
- Criando o componente
- Utilizando o componente dentro da tela de introdução
- Utilizando o componente dentro da tela de não encontrado
- Utilizando ng-container para acrescentar flexibilidade ao componente
- Criando templates com ng-template
- Aplicando templates
Utilizando lazy rendering e expressões otimizadas
- Otimizando performance com lazy rendering
- Funcionalidades que acompanham o @defer
- Utilizando expressões otimizadas para performance
- Revisando as estratégias utilizadas para melhorar a performance

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 9 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 21: fundamentos para o desenvolvimento de aplicações web

14h
De curso

56
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