Question 1

Quale tipo primitivo TypeScript rappresenta un valore testuale?

Accepted Answer

Il tipo string rappresenta tutti i valori testuali in TypeScript, sia che siano delimitati da apici singoli, doppi o backtick per i template literals. È il tipo appropriato per memorizzare testo, nomi, messaggi, URL o qualsiasi contenuto testuale nelle applicazioni.

Question 2

Cos'è un generic in TypeScript?

Accepted Answer

Un generic consente di creare componenti riutilizzabili che funzionano con più tipi piuttosto che con uno solo. I generics utilizzano parametri di tipo (come T) per rappresentare qualsiasi tipo. Ciò consente di scrivere codice type-safe senza sacrificare la flessibilità, ad esempio una funzione che manipola array di qualsiasi tipo preservando le informazioni sul tipo.

Question 3

Cos'è un component in Angular?

Accepted Answer

Un component è un elemento costitutivo fondamentale di un'applicazione Angular che controlla una porzione dell'interfaccia utente. Combina un template HTML, stili CSS e una classe TypeScript con il decoratore @Component. Questa architettura consente di creare interfacce riutilizzabili e modulari, promuovendo la separazione delle responsabilità tra vista e logica di business.

Question 4

Cos'è un lifecycle hook in Angular?

Accepted Answer

Un lifecycle hook è un metodo speciale chiamato automaticamente da Angular in momenti chiave del ciclo di vita di un component o direttiva. Questi hook permettono di eseguire codice in fasi specifiche come creazione, aggiornamento o distruzione. Gli hook più comuni sono ngOnInit, ngOnChanges e ngOnDestroy.

Question 5

Cos'è un FormControl in Angular?

Accepted Answer

FormControl è la classe fondamentale dei reactive forms Angular che rappresenta un singolo campo del form. Incapsula il valore del campo, il suo stato di validazione e fornisce metodi per gestire le interazioni utente. Ogni FormControl può avere validators, reagire ai cambiamenti tramite observables e mantenere stati come touched, dirty o pristine. È l'unità base per costruire reactive forms complessi con FormGroup o FormArray.

Question 6

Quale modulo Angular importare per usare i form template-driven?

Accepted Answer

FormsModule è necessario per abilitare i form template-driven in Angular. Fornisce direttive come NgModel, NgForm e abilita il two-way data binding con [(ngModel)]. Senza questo modulo, le direttive dei form non funzioneranno e Angular genererà errori.

Question 7

Cos'è un Observable in RxJS?

Accepted Answer

Un Observable è una collezione lazy di valori multipli nel tempo. Rappresenta un flusso di dati che può emettere zero, uno o più valori in modo sincrono o asincrono. A differenza delle Promise che emettono un singolo valore, gli Observable possono emettere più valori e supportano la cancellazione tramite unsubscribe.

Question 8

Cos'è NgRx Store in un'applicazione Angular?

Accepted Answer

NgRx Store è un'implementazione del pattern Redux per Angular, basata su RxJS. Fornisce un container centralizzato per gestire lo stato globale dell'applicazione in modo prevedibile e immutabile. Lo Store espone un Observable che permette ai componenti di sottoscriversi ai cambiamenti di stato tramite selectors.

Question 9

Qual è il ruolo principale di createEntityAdapter in NgRx?

Accepted Answer

L'Entity Adapter genera automaticamente reducer e selector per gestire collezioni normalizzate di entità. Fornisce metodi come addOne, addMany, updateOne, removeOne che facilitano la manipolazione di oggetti indicizzati per ID. Questo evita di scrivere manualmente la logica di gestione delle collezioni e garantisce uno stato normalizzato per migliori prestazioni.

Question 10

Qual è la differenza principale tra uno smart component e un presentational component?

Accepted Answer

I smart components (o container components) gestiscono la logica di business, le chiamate API e lo stato dell'applicazione tramite servizi o state management. I presentational components si concentrano esclusivamente sulla visualizzazione e ricevono i dati tramite @Input, emettendo eventi tramite @Output. Questa separazione migliora la testabilità e la riutilizzabilità dei componenti.

Domande da colloquio su Angular

Pronto per il tuo colloquio su Angular?

Esplora tutti gli argomenti Angular

Fondamenti di TypeScript

TypeScript Avanzato

Fondamenti di Angular

Componenti e ciclo di vita

Services & Dependency Injection

Organizzazione dei moduli Angular

Angular CLI

Direttive e Pipe

Routing e Navigazione

Form reattivi

Form template-driven

Fondamenti di RxJS

Operatori RxJS

HttpClient e chiamate API

Gestione dello stato di base

Change Detection

Angular Signals

Standalone Components

Test unitari in Angular

Testing End-to-End

Build e ottimizzazione

Fondamenti di NgRx

NgRx avanzato

Architettura Angular

Ottimizzazione delle performance

Sicurezza e best practice

Pattern RxJS avanzati

Angular Universal e SSR

Micro-frontend Angular

Padroneggia Angular per il tuo prossimo colloquio