O que você aprenderá_

Estruture aplicações Angular organizadas por features e aplique o Atomic Design para modularidade.
Desenvolva componentes reutilizáveis e diferencie componentes de apresentação e inteligentes.
Implemente comunicação entre componentes pai e filho usando @Input, @Output, signals e computed para reatividade.
Gerencie estado compartilhado entre telas com serviços e injeção de dependência, centralizando a lógica de negócio.
Configure roteamento em SPAs, manipulando parâmetros de URL e protegendo rotas com guards (CanActivate).
Construa funcionalidades de e‑commerce (catálogo, detalhe e carrinho) integrando componentes, serviços e rotas.

Público alvo_

Este curso é indicado para desenvolvedores front-end, estudantes e profissionais que já conhecem HTML, CSS, JavaScript e têm noções básicas de Angular, e que desejam aprender a escalar aplicações, criar componentes reutilizáveis e gerenciar estados de forma profissional.

RAFAEL PAIVA DE OLIVEIRA

Graduado pela FATEC, Especialista em Informática em Saúde (UNIFESP) e em Arquitetura de Sistemas Distribuídos (PUC-MG), em 2018 fiz minha transição oficial para desenvolvedor de software web. Tive passagem por empresas multinacionais (Avanade, IBM, Samsung) e startups do setor de saúde e financeiro, tenho experiência com algumas tecnologias backend, mas minha principal motivação é frontend e javascript em geral.Fundador do capítulo GDG Americana (Google Developers) e MVP Microsoft 2025

Curso atualizado em 18/08/2026

Já estuda na Alura?

Comece o curso agora

Ementa

Entendendo hierarquia de componentes
- Criando a primeira página
- Separando por componentes
- Componentes Granulares
Comunicando componentes com Signals
- Recebendo Dados Com Inputs
- Emitindo Eventos Com Outputs
- Prop Drilling E Boas Praticas V2
Estruturando a lógica da aplicação com Services
- Criando o Productservice
- Reatividade entre Componentes
- Lógica de negócio no cartservice
Configurando navegação e proteção de rotas
- Introduzindo o conceito de SPA e MPA
- Desenvolvendo a página de detalhes do produto
- Implementando rotas com parâmetros e inputs
- Introduzindo a página do carrinho
- Protegendo rotas com Guards
Evoluindo a arquitetura com Design System
- Introdução ao Atomic Design
- Smart Vs Dumb components
- Refatorando e aplicando boas práticas
- Criando componente cartitemrow na Feature Cart
- Criando componente button na pasta Shared Ui

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

45
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