0Pricing
Angular Academy icon

Angular Academy

HTMLFrontendWebBeginner

Apprenez Angular pour créer des applications web modernes et scalables avec Angular Academy.

🤖 Alimenté par l'IA📚 38 cours👥 100 000+ apprenants⭐ Note 4,9
Présentation du Cours

Angular : Le Framework des Applications Web à l'Échelle de la Production

Angular est le framework opinioné de Google, orienté TypeScript en premier, utilisé pour construire de grandes applications monopage maintenables. Son modèle de composants, son système d'injection de dépendances et ses outils de première classe en font le framework préféré des équipes d'entreprise et des développeurs qui cherchent de la structure à grande échelle. Cette piste couvre l'Angular moderne — version 19 avec composants autonomes, Signals et la nouvelle syntaxe de flux de contrôle — pas les anciens motifs des guides obsolètes.

Ce Que Vous Apprendrez

Vous commencerez par Angular CLI, la structure du projet et les fondamentaux d'Angular 19, puis vous passerez à la réactivité basée sur Signals, les composants autonomes et l'injection de dépendances. À partir de là, vous couvrirez les formulaires pilotés par template et réactifs, les opérateurs RxJS, les intercepteurs HttpClient, les hooks de cycle de vie des composants, la projection de contenu, les animations et le routage. Les cours suivants abordent la gestion d'état avec NgRx et NgRx SignalStore basé sur Signals, les tests unitaires et end-to-end, l'internationalisation et les contrôles de formulaire personnalisés. La piste se termine par l'optimisation de la détection des changements, le rendu côté serveur, l'hydratation, les micro frontends avec Module Federation, la création de bibliothèques Angular réutilisables et les fondamentaux de sécurité d'Angular.

Le Parcours d'Apprentissage

Trente-sept cours couvrent les niveaux A1 à C1. Les huit premiers cours (A1–A2) construisent les fondations : configuration de CLI, composants autonomes, pipes, hooks de cycle de vie et liaisons bidirectionnelles. Les cours B1 et B2 développent des compétences appliquées — RxJS, routage avancé, formulaires réactifs, composition de directives et couverture de tests complète. Le niveau C1 couvre ce qui distingue l'Angular de production de l'Angular tutoriel : Détection des Changements et Performance, NgRx SignalStore, Rendu Côté Serveur avec Angular SSR, Micro Frontends avec Module Federation, Création de Bibliothèques Angular et Fondamentaux de Sécurité d'Angular.

Comment Cela Fonctionne

Chaque cours est divisé en courtes leçons pratiques que vous complétez dans l'éditeur de code intégré avec rétroaction en temps réel. Un tuteur IA est disponible quand vous êtes bloqué, et chaque concept est renforcé par des exercices qui s'exécutent directement dans le navigateur — aucune configuration locale requise pour commencer.

Commencer →

Comment Tu Vas Apprendre

🎯
Leçons Interactives
Exercices de codage pratiques avec retours en temps réel
🤖
Tuteur IA
Obtiens une aide instantanée de notre IA quand tu es bloqué
💻
Éditeur Intégré
Écris et exécute du code directement dans ton navigateur
🏆
Certificat
Obtiens un certificat en complétant le cours
Programme

38 Cours

Tous les cours du parcours d'apprentissage Angular Academy.

01

Bienvenue dans Angular

A13 leçons

Comprenez ce qu’est Angular, pourquoi Google l’a créé et le maintient, et comment il transforme la façon dont vous développez de grandes ap…

02

Angular CLI et structure des projets

A14 leçonsPRO

Initialisez, construisez et gérez efficacement des projets Angular avec Angular CLI.

03

Flux de contrôle intégré

A14 leçonsPRO

Utilisez la syntaxe moderne des blocs de contrôle de flux d’Angular pour les conditions et les boucles dans les modèles.

04

Fondamentaux d’Angular 19

A13 leçonsPRO

Introduction à Angular 19, avec exploration de ses principales fonctionnalités, de son architecture et de la configuration de son environne…

05

Fondamentaux des signaux Angular

A24 leçonsPRO

Maîtrisez le mécanisme réactif des signaux d’Angular pour une gestion d’état fine et efficace.

06

Composants autonomes : approfondissement

A24 leçonsPRO

Créez des applications Angular sans NgModules grâce à l’architecture des composants autonomes.

07

Bases de l’injection de dépendances

A24 leçonsPRO

Fournissez et consommez des services avec le système hiérarchique d’injection de dépendances d’Angular.

08

Pipes : intégrés et personnalisés

A24 leçonsPRO

Transformez les données affichées avec des pipes intégrés et créez vos propres pipes personnalisés.

09

Accroches du cycle de vie des composants

A24 leçonsPRO

Intervenez lors de la création, de la modification et de la destruction des composants avec les accroches du cycle de vie d’Angular.

10

Liaison bidirectionnelle et entrées de modèle

A24 leçonsPRO

Synchronisez les données entre le parent et l’enfant grâce à la liaison bidirectionnelle et aux entrées de modèle fondées sur les signaux.

11

Style et encapsulation des composants

A24 leçonsPRO

Mettez vos composants en forme avec un CSS limité à leur portée, les modes d’encapsulation de la vue et le style de l’hôte.

12

Entrées et requêtes fondées sur les signaux

B14 leçonsPRO

Utilisez les API modernes d’entrée, de sortie et de requête de vue fondées sur les signaux pour créer des composants plus clairs.

13

Signaux : calculs et effets

B14 leçonsPRO

Dérivez des valeurs réactives avec des signaux calculés et exécutez des effets secondaires avec l’API effect.

14

Fondamentaux de RxJS pour Angular

B14 leçonsPRO

Comprenez les observables, les abonnements et les sujets, qui constituent la base de la réactivité d’Angular.

15

Projection de contenu et modèles

B14 leçonsPRO

Créez des composants flexibles et réutilisables avec la projection de contenu, ng-content et les références de modèles.

16

Animations Angular

B14 leçonsPRO

Donnez vie à vos interfaces grâce au système déclaratif d’animations d’Angular.

17

Composants et directives avancés

B13 leçonsPRO

Explorez les interactions avancées entre composants, les directives et les bonnes pratiques.

18

Routage et navigation dans Angular

B13 leçonsPRO

Apprenez le routage, les gardes de navigation et les résolveurs de routes dans Angular.

19

Utilisation des formulaires

B13 leçonsPRO

Découvrez en détail la gestion des formulaires dans Angular.

20

Opérateurs RxJS : approfondissement

B24 leçonsPRO

Composez de puissants flux de données avec les opérateurs de projection, de filtrage, de combinaison et de gestion des erreurs.

21

Routeur Angular avancé

B24 leçonsPRO

Allez au-delà du routage de base avec les résolveurs, les données de route, les paramètres et les gardes fonctionnelles.

22

Intercepteurs HttpClient

B24 leçonsPRO

Centralisez les aspects transversaux liés à HTTP avec des intercepteurs fonctionnels et fondés sur des classes.

23

Formulaires réactifs avancés

B24 leçonsPRO

Créez des formulaires réactifs dynamiques et fortement typés avec FormArray, des contrôles personnalisés et une validation asynchrone.

24

API de composition des directives

B24 leçonsPRO

Composez des fonctionnalités réutilisables en appliquant plusieurs directives aux composants hôtes.

25

Gestion de l’état avec NgRx

B23 leçonsPRO

Utilisez NgRx pour gérer efficacement l’état de votre application.

26

Gestion d’état fondée sur les signaux

B24 leçonsPRO

Structurez l’état de votre application avec des signaux, des services et des modèles réactifs, sans bibliothèque externe.

27

Contrôles de formulaire personnalisés

B24 leçonsPRO

Intégrez des composants personnalisés aux formulaires Angular en implémentant ControlValueAccessor.

28

Tests unitaires et de composants Angular

B24 leçonsPRO

Testez les composants, les services et les pipes avec TestBed et les utilitaires de test d’Angular.

29

Tests de bout en bout pour Angular

B24 leçonsPRO

Validez les parcours réels des utilisateurs avec des tests de bout en bout utilisant Playwright et Cypress.

30

Internationalisation (i18n)

B24 leçonsPRO

Localisez vos applications Angular avec le système i18n intégré et des stratégies de traduction à l’exécution.

31

HTTP et intégration d’API

B23 leçonsPRO

Maîtrisez la communication HTTP et l’intégration d’API dans Angular.

32

Détection des changements et performances

C14 leçonsPRO

Optimisez le rendu avec la détection des changements OnPush, le mode sans zone et les stratégies trackBy.

33

NgRx SignalStore

C14 leçonsPRO

Gérez un état complexe avec NgRx SignalStore, moderne et fondé sur les signaux.

34

Rendu côté serveur avec Angular SSR

C14 leçonsPRO

Effectuez le rendu d’Angular côté serveur pour accélérer le premier affichage et améliorer le SEO.

35

Hydratation et performances

C14 leçonsPRO

Accélérez les applications SSR grâce à l’hydratation complète et incrémentielle afin de réduire le travail côté client.

36

Micro-frontends avec la fédération de modules

C14 leçonsPRO

Composez de grandes applications Angular à partir de micro-frontends déployables indépendamment.

37

Création de bibliothèques Angular

C14 leçonsPRO

Empaquetez et publiez des bibliothèques Angular réutilisables avec l’Angular Package Format.

38

Principes essentiels de la sécurité Angular

C13 leçonsPRO

Sécurisez vos applications Angular grâce à des techniques essentielles.

FAQ

Questions Fréquemment Posées

Le cours Angular Academy est-il gratuit ?

Oui. Tu peux commencer le cours Angular Academy gratuitement et compléter ses leçons interactives sans frais. Un abonnement PRO optionnel déverrouille des outils IA avancés et un certificat partageable.

Ai-je besoin d'expérience préalable pour apprendre HTML ?

Non. Le cours commence par les fondamentaux et progresse graduellement vers des sujets plus avancés, tu peux donc commencer même sans expérience préalable en HTML.

Comment vais-je apprendre HTML sur CoddyKit ?

Tu apprends en faisant. Des leçons interactives courtes associent une explication claire avec un exercice de codage pratique qui s'exécute en temps réel, et un tuteur IA disponible 24h/24 offre une aide personnalisée dès que tu es bloqué.

Puis-je obtenir un certificat en complétant Angular Academy ?

Oui. Les apprenants PRO peuvent passer un examen et obtenir un certificat de réussite partageable avec un code vérifiable pour le cours Angular Academy.

Puis-je apprendre HTML sur mon téléphone ?

Oui. CoddyKit est disponible sur le web et sous forme d'applications iOS et Android natives, tu peux donc apprendre HTML sur n'importe quel appareil et ta progression se synchronise entre eux.

Commencez Angular Academy Maintenant

Rejoignez des milliers d'apprenants maîtrisant la programmation avec des cours alimentés par l'IA.

Commencer Gratuitement →Parcourir Tous les Cours