Description

Angular est un framework robuste et complexe, et pour en tirer pleinement parti, il est essentiel de maîtriser ses fonctionnalités avancées.

"Angular, techniques avancées" est une formation conçue pour les développeurs qui souhaitent approfondir leur connaissance du framework et devenir des experts.

Ce cours couvre des sujets complexes tels que l'optimisation des performances, la gestion avancée du state management avec RxJS, la création de services complexes, et bien plus encore.

Vous découvrirez également comment utiliser Angular Schematics, configurer des bundlers, gérer l'internationalisation, et implémenter des formulaires avancés avec Angular.

Publics visés

  • Développeurs ayant déjà une solide expérience avec Angular.
  • Développeurs souhaitant améliorer les performances de leurs applications Angular.
  • Architectes logiciels désirant approfondir leur compréhension d'Angular.
  • Chefs d'équipe technique voulant standardiser les pratiques avancées d'Angular au sein de leur équipe.
  • Freelances cherchant à offrir des solutions Angular de haute qualité à leurs clients.

Pré-requis

  • Maîtrise des concepts de base d'Angular (composants, services, modules, etc.).
  • Connaissance pratique de TypeScript.
  • Expérience avec la création d'applications Angular.
  • Compréhension des concepts de base du routing Angular.
  • Expérience préalable avec RxJS et la gestion de la réactivité dans Angular.

Compétences

Optimiser les performances des applications Angular avec des techniques avancées.

Comprendre la différence entre AOT et JIT et choisir le mode de compilation approprié.

Gérer efficacement le state management avec NgRx et d'autres solutions.

Utiliser RxJS de manière avancée pour gérer la réactivité des applications.

Implémenter des services Angular avancés et comprendre les décorateurs @Optional(), @Host() et @Self().

Configurer un routing complexe et dynamique pour des applications Angular évolutives.

Créer et utiliser des Angular Schematics pour automatiser les tâches de développement.

Configurer les bundlers et optimisations pour réduire la taille des bundles Angular.

Implémenter l'internationalisation, la validation des formulaires, les PWA, et utiliser des Web Workers pour améliorer la performance.

Contenu du cours

7 chapites • 39 vidéos • 5h 32m de cours
Optimisation des Performances
6 vidéos • 50m 42s

Améliorez les performances des applications Angular.

AOT vs JIT : Comprendre les modes de compilation
08:30

Apprenez à choisir entre AOT et JIT selon vos besoins.

Optimisation du Change Detection
08:24

Maîtrisez le Change Detection pour améliorer les performances.

Lazy Loading avancé
08:28

Implémentez un Lazy Loading performant pour vos modules Angular.

Optimisation des assets et bundles
08:29

Réduisez la taille de vos bundles et optimisez les assets.

Pre-rendering avec Angular Universal
08:33

Mettez en place le pre-rendering pour accélérer le rendu initial.

Différence entre modules Shared et Feature
08:18

Comprenez l'organisation des modules Angular.

State Management et RxJS Avancé
6 vidéos • 50m 18s

Maîtrisez la gestion du state management et RxJS dans Angular.

Introduction au State Management avancé
08:15

Implémentez une gestion de state avancée avec Angular.

NgRx : Patterns et Best Practices
08:22

Maîtrisez les patterns avancés avec NgRx.

RxJS avancé pour Angular
08:31

Utilisez RxJS de manière avancée dans vos applications Angular.

Types d'observables dans RxJS
08:25

Explorez les différents types d'observables dans RxJS.

State Management sans NgRx
08:19

Explorez des alternatives à NgRx pour le state management.

Gestion des effets avec NgRx Effects
08:26

Gérez les effets secondaires avec NgRx Effects.

Services et Routing Avancés
6 vidéos • 50m 47s

Apprenez à créer des services avancés et à configurer un routing complexe.

Création de services avancés avec Angular
08:29

Implémentez des services avancés avec des injecteurs hiérarchiques.

Décorateurs avancés : @Optional(), @Host() et @Self()
08:23

Maîtrisez l'utilisation des décorateurs avancés dans Angular.

Routing avancé avec Angular
08:31

Configurez un routing complexe et dynamique dans Angular.

Utilisation avancée de @ViewChild()
08:27

Maîtrisez le décorateur @ViewChild() pour manipuler le DOM Angular.

Lazy Loading des composants
08:29

Chargez dynamiquement des composants Angular avec Lazy Loading.

Services et DI avancée
08:28

Utilisez l'injection de dépendances avancée dans Angular.

Angular Schematics
5 vidéos • 42m 59s

Automatisez vos tâches avec Angular Schematics.

Introduction aux Angular Schematics
08:32

Découvrez les bases des Angular Schematics pour automatiser vos tâches.

Création de schematics personnalisés
08:35

Personnalisez vos tâches avec Angular Schematics.

Génération de code standardisé avec Schematics
08:38

Standardisez votre code avec Angular Schematics.

Automatisation des workflows avec Angular CLI
08:40

Intégrez les schematics dans Angular CLI pour automatiser vos workflows.

Partage et distribution de schematics
08:34

Partagez et distribuez vos Angular Schematics avec votre équipe.

Bundlers et Optimisation des Builds
5 vidéos • 43m 21s

Optimisez vos builds Angular avec des bundlers avancés.

Introduction aux bundlers pour Angular
08:36

Comprenez le rôle des bundlers dans l'optimisation des builds Angular.

Configuration de Webpack pour Angular
08:39

Configurez Webpack pour optimiser vos applications Angular.

Optimisation des bundles avec Rollup
08:41

Utilisez Rollup pour créer des bundles optimisés pour Angular.

Préparation des builds pour la production
08:43

Préparez vos applications Angular pour la production avec des optimisations de build.

Analyse des bundles avec source maps
08:42

Analysez vos bundles Angular avec les source maps pour identifier et résoudre les problèmes de performance.

Internationalisation (i18n) dans Angular
5 vidéos • 43m 7s

Configurez l'internationalisation pour vos applications Angular.

Introduction à l'internationalisation dans Angular
08:33

Comprenez les bases de l'internationalisation (i18n) dans Angular.

Configuration des fichiers de traduction
08:37

Gérez et configurez les fichiers de traduction pour vos applications Angular.

Gestion des cultures et des formats spécifiques
08:39

Gérez les formats de date, de nombre, et les spécificités culturelles dans Angular.

Optimisation des performances avec l'i18n
08:40

Optimisez vos applications multilingues avec l'internationalisation (i18n).

Automatisation du processus de localisation
08:38

Automatisez la localisation des contenus dans vos applications Angular.

Validation de Formulaire Avancée
6 vidéos • 51m 42s

Maîtrisez la validation des formulaires complexes avec Angular.

Introduction aux Reactive Forms dans Angular
08:31

Découvrez les bases des Reactive Forms pour créer des formulaires dynamiques.

Validation de formulaire personnalisée
08:34

Créez des validations personnalisées pour vos formulaires Angular.

Gestion des états de formulaire avec Reactive Forms
08:36

Gérez les états complexes des formulaires avec les Reactive Forms.

Implémentation de formulaires imbriqués
08:38

Créez et validez des formulaires imbriqués avec Angular.

Optimisation des performances des formulaires
08:40

Améliorez les performances des formulaires complexes dans Angular.

Gestion des formulaires asynchrones
08:43

Implémentez des validations asynchrones dans vos formulaires Angular.

Enseignant

image
Julien Moulin

Fondateur & Formateur Js/Ts

11 articles sur le blog
28 cours

Julien Moulin est un expert en développement full stack (JS/TS) et un leader technique reconnu. Il excelle dans l'adoption de technologies innovantes tout en répondant aux besoins clients. Son approche allie pragmatisme et innovation, avec une expertise couvrant les plateformes e-commerce, les applications métiers et la modernisation des architectures existantes. En mentor passionné, il partage ses connaissances avec pédagogie, encourage l’apprentissage continu, et inspire ses équipes à relever des défis ambitieux.

Tant qu'on y est, pourquoi ne pas tester aussi ?