Question 1

Qual tipo primitivo do TypeScript representa um valor textual?

Accepted Answer

O tipo string representa todos os valores textuais no TypeScript, sejam delimitados por aspas simples, duplas ou backticks para template literals. É o tipo apropriado para armazenar texto, nomes, mensagens, URLs ou qualquer conteúdo textual em aplicações.

Question 2

O que é um generic em TypeScript?

Accepted Answer

Um generic permite criar componentes reutilizáveis que funcionam com múltiplos tipos em vez de um único. Os generics usam parâmetros de tipo (como T) para representar qualquer tipo. Isso permite escrever código type-safe sem sacrificar a flexibilidade, por exemplo uma função que manipula arrays de qualquer tipo preservando a informação de tipo.

Question 3

O que é um component no Angular?

Accepted Answer

Um component é um bloco de construção fundamental de uma aplicação Angular que controla uma parte da interface do usuário. Combina um template HTML, estilos CSS e uma classe TypeScript com o decorator @Component. Essa arquitetura permite criar interfaces reutilizáveis e modulares, promovendo a separação de responsabilidades entre a visualização e a lógica de negócio.

Question 4

O que é um lifecycle hook em Angular?

Accepted Answer

Um lifecycle hook é um método especial chamado automaticamente pelo Angular em momentos-chave do ciclo de vida de um component ou diretiva. Esses hooks permitem executar código em etapas específicas como criação, atualização ou destruição. Os hooks mais comuns são ngOnInit, ngOnChanges e ngOnDestroy.

Question 5

O que é um FormControl no Angular?

Accepted Answer

FormControl é a classe fundamental dos reactive forms do Angular que representa um campo de formulário individual. Ela encapsula o valor do campo, seu estado de validação e fornece métodos para lidar com as interações do usuário. Cada FormControl pode ter validators, reagir a mudanças via observables e manter estados como touched, dirty ou pristine. É a unidade básica para construir reactive forms complexos com FormGroup ou FormArray.

Question 6

Qual módulo Angular importar para usar formulários template-driven?

Accepted Answer

FormsModule é necessário para habilitar formulários template-driven no Angular. Ele fornece diretivas como NgModel, NgForm e habilita o two-way data binding com [(ngModel)]. Sem esse módulo, as diretivas de formulário não funcionarão e o Angular gerará erros.

Question 7

O que é um Observable no RxJS?

Accepted Answer

Um Observable é uma coleção lazy de múltiplos valores ao longo do tempo. Representa um fluxo de dados que pode emitir zero, um ou vários valores de forma síncrona ou assíncrona. Ao contrário das Promises, que emitem um único valor, os Observables podem emitir múltiplos valores e suportam cancelamento via unsubscribe.

Question 8

O que é o NgRx Store em uma aplicação Angular?

Accepted Answer

O NgRx Store é uma implementação do padrão Redux para Angular, baseada em RxJS. Fornece um contêiner centralizado para gerenciar o estado global da aplicação de forma previsível e imutável. O Store expõe um Observable que permite aos componentes se inscreverem nas mudanças de estado por meio de selectors.

Question 9

Qual é o papel principal de createEntityAdapter no NgRx?

Accepted Answer

O Entity Adapter gera automaticamente reducers e selectors para gerenciar coleções normalizadas de entidades. Fornece métodos como addOne, addMany, updateOne, removeOne que facilitam a manipulação de objetos indexados por ID. Isso evita escrever manualmente a lógica de gerenciamento de coleções e garante um estado normalizado para melhor desempenho.

Question 10

Qual é a principal diferença entre um smart component e um presentational component?

Accepted Answer

Os smart components (ou container components) gerenciam a lógica de negócio, as chamadas API e o estado da aplicação através de serviços ou state management. Os presentational components focam apenas na exibição e recebem seus dados via @Input, emitindo eventos via @Output. Essa separação melhora a testabilidade e a reutilização dos componentes.

Perguntas de entrevista de Angular

Pronto para sua entrevista de Angular?

Explore todos os temas de Angular

Fundamentos do TypeScript

TypeScript Avançado

Fundamentos do Angular

Componentes e ciclo de vida

Services & Dependency Injection

Organização de Módulos Angular

Angular CLI

Diretivas e Pipes

Routing e Navegação

Formulários reativos

Formulários template-driven

Fundamentos do RxJS

Operadores RxJS

HttpClient e chamadas de API

Gerenciamento de estado básico

Change Detection

Angular Signals

Standalone Components

Testes unitários em Angular

Testes End-to-End

Build e otimização

Fundamentos do NgRx

NgRx avançado

Arquitetura Angular

Otimização de desempenho

Segurança e boas práticas

Padrões avançados de RxJS

Angular Universal e SSR

Micro-frontends Angular

Domine Angular para sua proxima entrevista