Summary  
This chapter introduces the concept of component-based architecture, where each component encapsulates markup, styling, and logic into a reusable, self-contained unit to simplify development, maintenance, and styling isolation.  

General domain of usage  
Web applications

Lorsque l’on parle d’**Angular**, le premier concept rencontré est celui des **composants**. Il s’agit des **éléments de base** de toute application. Imaginez la création d’un site web à partir de petites pièces, comme un puzzle. Chaque **bouton**, **formulaire** ou **carte produit** constitue un composant.

Chaque **composant** se compose de **trois parties principales** :

- **Modèle HTML** – définit l’apparence du composant ;

- **Styles CSS** – contrôlent l’aspect visuel ;

- **Code TypeScript** – gère la logique et l’interaction avec les données.

Par exemple, si nous avons une **page de profil utilisateur**, elle peut être **découpée** en composants :

## Avantages de l'approche basée sur les composants dans Angular

L'utilisation de composants dans **Angular** offre **de nombreux avantages**. Voici les **principaux atouts** :

Quels sont les principaux éléments constitutifs d’un composant Angular typique ?

Quel est le principal avantage de l'approche basée sur les composants ?

Découvrez comment créer des applications web modernes avec Angular, l’un des frameworks frontend les plus puissants. Vous commencerez par les concepts fondamentaux, configurerez votre environnement de développement, puis progresserez vers la création de composants dynamiques et interactifs. Au fil du parcours, vous travaillerez avec des directives, des services, le routage et la nouvelle approche des composants autonomes. À chaque étape, vous acquerrez des compétences pratiques pour développer et organiser des applications Angular en suivant les meilleures pratiques du secteur.

Découvrez les concepts fondamentaux d'Angular et comment il simplifie le développement web. Présentation de ses principes clés, de son évolution et des outils nécessaires pour commencer à créer des applications.

Découvrez les principes fondamentaux des composants et des modèles dans Angular, y compris leur création, leur structure et leur interaction pour construire des applications dynamiques pilotées par les données.

Explorez les directives et les pipes d’Angular pour comprendre comment ils rendent vos modèles plus intelligents et vos données plus propres. Découvrez comment contrôler le comportement du DOM avec les directives et transformer les données affichées à l’aide de pipes puissants, intégrés ou personnalisés.

Découvrez comment organiser et réutiliser la logique dans vos applications Angular à l'aide des services. Vous apprendrez à créer des services et à les injecter dans des composants grâce au système d'injection de dépendances intégré d'Angular. Cela permet de garder votre code propre, modulaire et plus facile à maintenir.

Découvrez comment les applications Angular s'appuyaient auparavant sur les modules et pourquoi le framework adopte désormais une approche plus flexible avec les composants autonomes. Analysez la structure des NgModules, comprenez leurs éléments clés et explorez quand et comment utiliser les composants autonomes dans le développement Angular moderne.

Découvrez comment Angular gère le routage et la navigation pour créer des applications monopage dynamiques. Dans cette section, vous apprendrez à définir des routes et à naviguer entre les vues à l'aide des outils intégrés d'Angular.

Qu'est-ce qu'un composant ?

Composant

Avantages de l'approche basée sur les composants dans Angular

1. Quels sont les principaux éléments constitutifs d’un composant Angular typique ?

2. Quel est le principal avantage de l'approche basée sur les composants ?

Awesome!

Qu'est-ce qu'un composant ?

Composant

Avantages de l'approche basée sur les composants dans Angular

1. Quels sont les principaux éléments constitutifs d’un composant Angular typique ?

2. Quel est le principal avantage de l'approche basée sur les composants ?