Question 1

Quel type primitif TypeScript représente une valeur textuelle ?

Accepted Answer

Le type string représente toutes les valeurs textuelles en TypeScript, qu'elles soient délimitées par des guillemets simples, doubles ou des backticks pour les template literals. C'est le type approprié pour stocker du texte, des noms, des messages, des URLs ou tout contenu textuel dans les applications.

Question 2

Qu'est-ce qu'un generic en TypeScript ?

Accepted Answer

Un generic permet de créer des composants réutilisables qui fonctionnent avec plusieurs types plutôt qu'un seul. Les generics utilisent des paramètres de type (comme T) pour représenter n'importe quel type. Cela permet d'écrire du code type-safe sans sacrifier la flexibilité, par exemple une fonction qui manipule des tableaux de n'importe quel type tout en préservant l'information de type.

Question 3

Qu'est-ce qu'un component dans Angular ?

Accepted Answer

Un component est un élément de base d'une application Angular qui contrôle une partie de l'interface utilisateur. Il combine un template HTML, un style CSS et une classe TypeScript avec le décorateur @Component. Cette architecture permet de créer des interfaces réutilisables et modulaires, favorisant la séparation des responsabilités entre la vue et la logique métier.

Question 4

Qu'est-ce qu'un lifecycle hook dans Angular ?

Accepted Answer

Un lifecycle hook est une méthode spéciale appelée automatiquement par Angular à des moments clés du cycle de vie d'un component ou d'une directive. Ces hooks permettent d'exécuter du code à des étapes précises comme la création, la mise à jour ou la destruction. Les hooks les plus courants sont ngOnInit, ngOnChanges et ngOnDestroy.

Question 5

Qu'est-ce qu'un FormControl dans Angular ?

Accepted Answer

FormControl est la classe fondamentale des formulaires réactifs Angular qui représente un champ de formulaire individuel. Elle encapsule la valeur du champ, son état de validation, et fournit des méthodes pour gérer les interactions utilisateur. Chaque FormControl peut avoir des validateurs, réagir aux changements via des observables, et maintenir des états comme touched, dirty ou pristine. C'est l'unité de base pour construire des formulaires réactifs complexes avec FormGroup ou FormArray.

Question 6

Quel module Angular importer pour utiliser les formulaires template-driven ?

Accepted Answer

Le FormsModule est nécessaire pour activer les formulaires template-driven dans Angular. Il fournit des directives comme NgModel, NgForm et permet le two-way data binding avec [(ngModel)]. Sans ce module, les directives de formulaires ne fonctionneront pas et Angular générera des erreurs.

Question 7

Qu'est-ce qu'un Observable dans RxJS ?

Accepted Answer

Un Observable est une collection lazy de valeurs multiples dans le temps. Il représente un flux de données qui peut émettre zéro, une ou plusieurs valeurs de manière synchrone ou asynchrone. Contrairement aux Promises qui émettent une seule valeur, les Observables peuvent émettre plusieurs valeurs et supporter l'annulation via unsubscribe.

Question 8

Qu'est-ce que NgRx Store dans une application Angular ?

Accepted Answer

NgRx Store est une implémentation du pattern Redux pour Angular, basée sur RxJS. Il fournit un container centralisé pour gérer l'état global de l'application de manière prévisible et immuable. Le Store expose un Observable qui permet aux composants de s'abonner aux changements d'état via des selectors.

Question 9

Quel est le rôle principal de createEntityAdapter dans NgRx ?

Accepted Answer

L'Entity Adapter génère automatiquement des reducers et selectors pour gérer des collections normalisées d'entités. Il fournit des méthodes comme addOne, addMany, updateOne, removeOne qui facilitent la manipulation d'objets indexés par ID. Cela évite d'écrire manuellement la logique de gestion de collections et garantit un état normalisé pour de meilleures performances.

Question 10

Quelle est la différence principale entre un smart component et un presentational component ?

Accepted Answer

Les smart components (ou container components) gèrent la logique métier, les appels API et l'état de l'application via des services ou du state management. Les presentational components se concentrent uniquement sur l'affichage et reçoivent leurs données via @Input, émettant des événements via @Output. Cette séparation améliore la testabilité et la réutilisabilité des composants.

Questions d'entretien Angular

Prêt pour ton entretien Angular ?

Explorer tous les sujets Angular

Les bases de TypeScript

TypeScript avancé

Fondamentaux Angular

Composants et cycle de vie

Services et Dependency Injection

Organisation des Modules Angular

Angular CLI

Directives et Pipes

Routing et Navigation

Formulaires réactifs

Formulaires template-driven

Fondamentaux RxJS

Opérateurs RxJS

HttpClient et API calls

Gestion d'état de base

Change Detection

Angular Signals

Standalone Components

Tests unitaires Angular

Tests end-to-end

Build et optimisation

Fondamentaux NgRx

NgRx avancé

Architecture Angular

Optimisation de performance

Sécurité et bonnes pratiques

Patterns RxJS avancés

Angular Universal et SSR

Micro-frontends Angular

Maîtrise Angular pour ton prochain entretien