Cours 3 : Angular Flashcards

1
Q

Qu’est-ce qu’Angular ?

A

Angular est un framework pour construire des applications web, notamment des applications SPA (Single Page Application).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Quelle est la différence entre AngularJS et Angular ?

A

AngularJS est la première version d’Angular, créée en 2009, tandis qu’Angular, la seconde version, est sortie en 2016. Angular est une réécriture complète d’AngularJS avec de nombreuses améliorations.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Quels sont les principaux points forts d’Angular ?

A

Les principaux points forts d’Angular sont sa structure modulaire, son architecture orientée composants, son intégration étroite avec TypeScript, son système de binding bidirectionnel, et son large écosystème de bibliothèques et d’outils.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Qu’est-ce qu’une architecture orientée composants ?

A

L’architecture orientée composants dans Angular consiste à construire des applications en les décomposant en composants réutilisables et en les assemblant pour former l’application.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Quel rôle jouent les services dans Angular ?

A

Les services dans Angular sont des classes injectables qui permettent de centraliser la logique métier et les fonctionnalités partagées entre plusieurs composants.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Quels sont les prérequis pour installer Angular ?

A

Les prérequis pour installer Angular sont d’avoir Node.js et npm (Node Package Manager) installés sur le système.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Qu’est-ce que l’Angular CLI et quel est son rôle ?

A

L’Angular CLI (Command Line Interface) est un outil en ligne de commande développé par Google pour accélérer le développement d’applications Angular en automatisant les tâches récurrentes.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Quelle est la commande pour créer un nouveau projet Angular avec Angular CLI ?

A

La commande pour créer un nouveau projet Angular avec Angular CLI est ng new <nom-du-projet>.</nom-du-projet>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Quelle est la structure de base d’un projet Angular généré avec l’Angular CLI ?

A

La structure de base d’un projet Angular comprend le dossier src qui contient le code source de l’application, le dossier assets pour les ressources statiques, et des fichiers de configuration à la racine du projet.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Qu’est-ce qu’un composant dans Angular et de quels fichiers est-il composé ?

A

Un composant dans Angular est une classe TypeScript associée à un template HTML et une feuille de style CSS. Il est indépendant et réutilisable.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Comment générer un nouveau composant avec l’Angular CLI ?

A

Pour générer un nouveau composant avec l’Angular CLI, on utilise la commande ng generate component <nom-du-composant> ou ng g c <nom-du-composant>.</nom-du-composant></nom-du-composant>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Quels sont les éléments de syntaxe fournis par Angular pour enrichir les templates HTML ?

A

Angular fournit des éléments de syntaxe comme l’interpolation ({{ }}), les directives structurelles (*ngFor, *ngIf, *ngSwitch), les bindings d’événements (()) et les bindings de propriétés ([]) pour enrichir les templates HTML.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Quelle est la différence entre l’interpolation et le property binding ?

A

L’interpolation ({{ }}) est utilisée pour afficher des valeurs de variables dans les templates HTML, tandis que le property binding ([]) est utilisé pour lier des propriétés HTML à des valeurs de variables dans les templates.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Qu’est-ce que l’encapsulation en Angular et quel est son rôle ?

A

L’encapsulation en Angular permet d’isoler le style CSS d’un composant, évitant ainsi les fuites de styles et les conflits avec les styles d’autres composants.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Quel est l’objectif de l’encapsulation en CSS dans Angular ?

A

L’objectif de l’encapsulation en CSS dans Angular est de générer des styles CSS spécifiques à chaque composant, ce qui garantit une portée limitée et évite les conflits de styles entre les composants.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly