Formation : Angular - Développement avancé

Cours pratique - 3j - 21h00 - Réf. AJA
Prix : 2150 € H.T.

Angular - Développement avancé



Nouvelle formation Formation référencée dans une action collective
Formation éligible au financement Atlas

À l’issue de la formation, le participant sera capable d’utiliser les fonctionnalités avancées d’Angular pour développer des applications web évolutives. Ce programme de formation est destiné aux salariés des branches professionnelles relevant de l'OPCO Atlas.


INTER
INTRA
SUR MESURE

Cours pratique
Disponible en anglais, à la demande

Réf. AJA
  3j - 21h00
2150 € H.T.
Pauses-café et
déjeuners offerts
Financements




À l’issue de la formation, le participant sera capable d’utiliser les fonctionnalités avancées d’Angular pour développer des applications web évolutives. Ce programme de formation est destiné aux salariés des branches professionnelles relevant de l'OPCO Atlas.


Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
Connaître l’architecture et les fonctionnalités avancées d’Angular
Maîtriser les grands principes de la programmation réactive
Développer une application web dynamique et performante
Réaliser des tests unitaires

Public concerné
Pour les adhérents à l'OPCO Atlas : architectes, développeurs, chefs de projet.

Prérequis
Avoir de bonnes connaissances d’Angular, des technologies du web et des outils de développement front-end.

Méthodes et moyens pédagogiques
Travaux pratiques
Exercices pratiques et/ou études de cas.
Méthodes pédagogiques
70% pratique – 30% théorie. Pour optimiser le parcours d’apprentissage, des modules e-learning peuvent être fournis avant et après la session présentielle ou la classe virtuelle, sur simple demande du participant.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Programme de la formation

1
TypeScript - Prise en main du langage pour le développement d'applications web - Contenu digital learning préformation

  • Introduction.
  • Installation.
  • Les bases du langage.
  • La programmation orientée objet (POO).
  • Modules et fichier de définition.
Activités digitales
Cette vidéo formation d'1h49 présente le langage TypeScript et apprend à l’utiliser pour développer des applications web plus robustes et sécurisées. Après une introduction à son évolution et à son environnement (Visual Studio Code, Node.js, CLI), les participants étudieront les bases du langage, la programmation orientée objet et le système de modules. À l’issue de la formation, ils seront prêts à utiliser TypeScript avec des frameworks comme Angular, React, Vue ou Node.js.

2
Rappel sur le fonctionnement d’Angular

  • Introduction au cli Nx : installation, création de projet, gestion des workspaces.
  • Component-level Lazy Loading.
  • Data binding, mode manuel : ChangeDetectorRef, détection de changements avancée.
Travaux pratiques
Installation et configuration de l’environnement. Architecture et Lazy Loading. Optimisation des performances.

3
Architecture avancée

  • Design patterns avancés pour Angular.
  • Architecture orientée composants et micro-frontends.
  • Gestion d’état avancée avec différentes approches.
  • Stratégies d’optimisation des performances.
Travaux pratiques
Workshop sur les patterns architecturaux. Gestion d’état avancée. Optimisation des performances.

4
Programmation réactive avec RxJS

  • Fondamentaux de RxJS et concepts clés.
  • Opérateurs avancés et leurs cas d’usage.
  • Stratégies de gestion des souscriptions.
  • Patterns réactifs courants et émergents.
Travaux pratiques
Exploration des observables. Implémentation de patterns réactifs. Cas d’usage avancés.

5
Testing et optimisation

  • Tests unitaires avancés avec Jasmine.
  • Tests d’intégration avec TestBed.
  • Techniques d’optimisation des performances.
  • Stratégies de déploiement optimisé.
Travaux pratiques
Tests unitaires avancés. Optimisation des performances. Déploiement optimisé.

6
Fonctionnement interne d’Angular

  • ZoneJS : concept et principes fondamentaux.
  • Gestion du contexte d’exécution asynchrone.
  • Stratégies d’optimisation des cycles de rendu.
  • Patterns de performance avec et sans Zone.
  • Cycles de vie des composants et leur impact.
Travaux pratiques
Exploration de ZoneJS. Optimisation des cycles de rendu. Patterns et cycles de vie.

7
Programmation réactive avec RxJS

  • Sélection et utilisation appropriée de RxJS.
  • Observables avancés et patterns de conception.
  • Gestion avancée des flux de données.
  • Optimisation des performances avec RxJS.
Travaux pratiques
Workshop sur les observables avancés. Refactorisation vers RxJS.

8
Sécurité et Route Guards

  • Architecture des Route Guards.
  • Implémentation des différents types de guards.
  • Stratégies de pre-fetching et lazy loading.
  • Sécurisation avancée des routes.
Travaux pratiques
Implémentation des guards. Configuration du pre-fetching. Cas pratiques de sécurisation.

9
Optimisation avancée

  • Techniques d’optimisation avancées.
  • Outils de monitoring et profiling.
  • Stratégies de débogage.
Travaux pratiques
Audit et optimisation. Monitoring des performances. Débogage avancé.

10
API des signaux

  • Présentation de l’API des signaux et son écosystème.
  • Concepts fondamentaux et principes de fonctionnement.
  • Comparaison avec les autres approches réactives.
  • Patterns d’utilisation avancés des signaux.
Travaux pratiques
Introduction aux signaux. Implémentation pratique. Analyse de cas d’usage.

11
Implémentation des signaux

  • Création et gestion de signaux complexes.
  • Patterns d’utilisation avancés.
  • Stratégies de migration.
  • Optimisation et bonnes pratiques.
Travaux pratiques
Signaux avancés. Migration vers les signaux. Revue technique.

12
Intégration et cas pratiques

  • Intégration avec RxJS et patterns hybrides.
  • Gestion d’état avancée avec les signaux.
  • Stratégies de communication intercomposants.
  • Optimisation de performance.
Travaux pratiques
Intégration RxJS et Signaux. Développement de features. Optimisation des performances.

13
Angular 16 - Développer des applications dynamiques et interactives - Contenu digital learning post-formation

  • Initialisation d'un projet d'application web avec Angular.
  • Prise en main d'Angular.
  • Gestion des données via des services.
Activités digitales
Cette vidéo formation de 1h34 apprend à utiliser Angular 16 pour développer des applications web dynamiques et interactives. Après une introduction au développement de Single Page Applications et à l’utilisation de la ligne de commande Angular, les participants créeront un projet fil rouge pour maîtriser les composants, l’affichage de données dynamiques et la structuration du code avec des services. Ils découvriront également l’usage de RxJs pour gérer les flux de données asynchrones et adopteront les bonnes pratiques du développement Angular.


Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Financement par les OPCO
  • Adhérents Atlas, découvrez les avantages négociés par votre OPCO en cliquant ici

Horaires
Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Pour les formations de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance

Dernières places
Date garantie en présentiel ou à distance
Session garantie

CLASSE À DISTANCE
2026 : 10 mars, 2 juin, 15 sep., 24 nov.

PARIS LA DÉFENSE
2026 : 3 mars, 26 mai, 8 sep., 17 nov.

LYON
2026 : 10 mars, 2 juin, 15 sep., 24 nov.

AIX-EN-PROVENCE
2026 : 10 mars, 2 juin, 15 sep., 24 nov.

ANGERS
2026 : 15 sep.

AVIGNON
2026 : 10 mars, 15 sep.

BORDEAUX
2026 : 2 juin, 24 nov.

BREST
2026 : 2 juin, 24 nov.

CAEN
2026 : 2 juin, 24 nov.

CLERMONT-FERRAND
2026 : 10 mars, 15 sep.

DIJON
2026 : 2 juin, 24 nov.

GRENOBLE
2026 : 2 juin, 24 nov.

LE MANS
2026 : 2 juin, 24 nov.

LILLE
2026 : 10 mars, 2 juin, 15 sep., 24 nov.

LIMOGES
2026 : 15 sep.

MARSEILLE
2026 : 10 mars, 15 sep.

METZ
2026 : 2 juin, 24 nov.

MONTPELLIER
2026 : 2 juin, 24 nov.

MULHOUSE
2026 : 15 sep.

NANCY
2026 : 2 juin, 24 nov.

NANTES
2026 : 10 mars, 2 juin, 15 sep., 24 nov.

NIORT
2026 : 2 juin, 24 nov.

ORLÉANS
2026 : 2 juin, 24 nov.

PAU
2026 : 2 juin, 24 nov.

REIMS
2026 : 2 juin, 24 nov.

RENNES
2026 : 10 mars, 2 juin, 15 sep., 24 nov.

ROUEN
2026 : 15 sep.

SAINT-ETIENNE
2026 : 2 juin, 24 nov.

SOPHIA-ANTIPOLIS
2026 : 2 juin, 24 nov.

STRASBOURG
2026 : 10 mars, 2 juin, 15 sep., 24 nov.

TOULON
2026 : 2 juin, 24 nov.

TOULOUSE
2026 : 10 mars, 2 juin, 15 sep., 24 nov.

TOURS
2026 : 2 juin, 24 nov.

VALENCE
2026 : 15 sep.