Cette formation Angular vous permettra de maîtriser les mécanismes internes d’Angular ainsi que les bonnes pratiques pour créer des applications maintenables et évolutives.
Vous apprendrez les nouveautés telles que :
- les signaux,
- l’hydration et les composants standalones, ainsi que
- l’écosystème (RxJS, NgRx, Angular Material, PWA).
Basée sur la dernière version d’Angular, cette formation approfondit les stratégies de détection de changements, le lazy loading et l’internationalisation.
Enfin, vous apprendrez à :
- optimiser les performances grâce à esbuild et Vite,
- mettre en place un state management avec NgRx, et
- configurer efficacement vos projets (prettier, eslint, jest)
Des exercices concrets vous permettront de produire une application Angular basée sur une API REST afin de consolider vos apprentissages.
La formation Angular Avancé est destinée à des développeur·se·s ayant déjà pratiqué le framework sur un projet et souhaitant comprendre le rôle des mécanismes internes du framework.
Enfin, pour approfondir les fonctionnalités offertes par la librairie RxJS, nous vous suggérons à notre formation RxJS. En effet, cette formation couvre toutes les fonctions et opérateurs RxJS qui permettent de créer, combiner et transformer des Observables.
Génial, le formateur s'est adapté à nos demandes, a été dynamique et maitrise extrêmement bien ses sujets.
Les objectifs
Comprendre les concepts avancés qui portent Angular
Augmenter les performances d'une application Angular
Intégrer les librairies externes incontournables
Pré-requis
Avoir eu un premier contact avec une application Angular.
Avoir une bonne connaissance de TypeScript et de JavaScript
Avoir une connaissance suffisante des concepts de base utilisés dans Angular (Components, Services, Forms, Routing, Observables)
Ordinateur portable à apporter
Le programme de la formation Angular Avancé
Jour 1 — Concepts avancés
Rappels sur Angular
Component
Forms
Routing
Services
Observables
JavaScript / Typescript
Tips & tricks
Pure functions
Arrays & Functional programming
Functional Reactive Programming & RxJS
Concept
Principaux opérateurs
Opérateurs de combinaison
Gestion des exceptions
De l'API à la vue avec le pipe Async
Cycle de vie des observables et techniques de clôtures
Zone & Change detection strategies (legacy)
Principe et utilité
État de la vue (component)
Propagation du changement
Signaux
Présentation du nouveau système de rendering
Writable signals, Computed signals & Effects
Mise en pratique
- Grâce aux signaux, optimiser et simplifier les mécanismes de rendering de l'application développée
Jour 2 — PWA, Lazy Loading et Sécurité
PWA (Progressive Web App)
Théorie et contexte
Cache
Static Content Cache
Dynamic Content Cache
Service Workers
Push Notifications
Lazy Loading & Module architecture
Améliorer les performances de démarrage
Route integration
loadChildren
loadComponent
Stratégies de préchargement des modules (Preloading)
Modules partagés
Standalone components
Injection de dépendances
Principes de l'injection de dépendance
Injection hiérarchique
Inject anything : InjectionToken
Route guards & resolve
Les différents types de Guards
CanActivate, CanActivateChild : protéger une route
CanDeactivate : sécuriser la sortie
Pre-fetching avec resolve
Mise en pratique
- Initialiser et configurer un projet Angular scalable avec Angular Material, Prettier, Eslint, Jest, Esbuild et Vite
- Faire évoluer l'application en y intégrant plusieurs pages, un template complet et l'internationalisation
- En utilisant les concepts et opérateurs RxJS présentés, créer un panier et intégrer celui-ci dans plusieurs pages de l'application
Jour 3 — Écosystème
Angular Material
Configuration et theming
Étude et mise en œuvre de plusieurs composants
Material & CDK
Le "State Management Pattern" avec NgRx
Concept : Immutable data store
Store : Reducers & Actions par la pratique
Effects : Gestion des actions asynchrones
Entity : Performance et volumétrie
NgRx et les signaux : Exemple d'utilisation
Architecture : Implémentation du design pattern Facade avec NgRx
Angular Universal (SSR)
Introduction au server-side rendering avec Angular Universal
Vers le futur du SSR avec l'"hydration"
Internationalisation (aka I18N)
Angular I18N standard
@ngx-translate
Concept de la librairie
Chargement à chaud des traductions
Mise en pratique
- Implémenter un state management avec NgRx
Benjamin est développeur, spécialisé dans les technologies du web depuis 2009. Il a avant ça évolué quelques années dans le monde Java avant de basculer vers le monde du JavaScript et d'AngularJS en 2012 avec la version bêta du framework.
Benjamin a également été professeur de développement web pendant 3 ans à l'université de Lille 2 avant de fonder en 2014, avec 3 des membres de son équipe projet, Symbol-IT. Sa société de conseil en informatique est spécialisée dans les développements fronts avec des frameworks comme Angular ou Vue.js ainsi que dans le devops.
Aujourd'hui, Benjamin intervient principalement chez ses clients en tant que tech-lead pour les accompagner sur Angular en amenant le recul et les bonnes pratiques que ses années d'expérience ont pu lui apporter.
Ingénieur de formation, Erwan a découvert le monde du web alors qu'il travaillait à Londres. Lors de cette expérience, il a eu l'opportunité d'expérimenter le tout nouveau framework Angular à l'époque.
Grâce à cette expérience, Erwan, aujourd'hui freelance, n'a cessé d'approfondir ses connaissances de ce framework !
Erwan a eu la chance de collaborer avec de nombreuses entreprises comme Allianz, Amadeus, SETEC ou encore Hertz. Au cours de ces expériences professionnelles, il a pu échanger, approfondir et affiner ses connaissances.
Aujourd’hui formateur indépendant et créateur de formats e-learning, il a à cœur de transmettre sa passion pour Angular et pour le monde du web en général !
Du plaisir, du fun, avant tout passer un bon moment, c'est ce qui caractérise l'état d'esprit d'Evan tous les jours.
Passionné de code depuis plus de 20 ans, Evan a mis à profit sa passion en créant une entreprise de développement logiciel (durant 8 ans, avec 14 salariés).
Soucieux de la qualité logicielle, et adepte des démarches craftmanship, TDD et BDD, il a une vision agile et essaye de s’améliorer et progresser en permanence.
Ses amours fous : .net avec C# (ASP.NET Core), JavaScript, Angular, Node.js
Ses IDEs favoris : Visual Studio, Visual Studio Code
Ses découvertes du moment : React, Python (oui, faut pas mourir idiot quand même :=p)
Evan continue aujourd’hui à développer, pour lui, pour ses clients (audits, conseils, et réalisation).
Former est pour Evan une vocation : il aime transmettre et souhaite donner le goût de coder au plus grand nombre !
Témoignages
4.7/5Basé sur 108 avis*
ML
Matthieu L.
ASAPE SAS07.04.2025
Génial, le formateur s'est adapté à nos demandes, a été dynamique et maitrise extrêmement bien ses sujets.
BC
Bertrand C.
CIS ISTA14.10.2024
Cette formation est très intéressante pour des développeurs Angular confirmés car elle va très loin dans la notion d'optimisation du code développé.
NB
Nicolas B.
Klee Conseil et intégration15.04.2024
Dommage qu'on n'ai pas deux jours de plus pour prendre un peu plus de temps sur les différents concept. La formation va vite et malgré la très bonne pédagogie du formateur c'est difficile de digérer toutes les informations.
BK
Benjamin K.
Klee Conseil et intégration15.04.2024
Formation très intéressante, j'ai beaucoup appris. Le formateur était également très pédagogue, le tout avec une bonne ambiance !! Je conseille fortement.
VA
Vincent A.
Klee Conseil et intégration15.04.2024
Un professeur passionnant et passionné ! Toujours à l'écoute et présent pour nous aider dans l'enrichissement de la compréhension d'un framework
BR
Bastien R.
Klee Conseil et intégration05.02.2024
Très bonne expérience, l'impression d'avoir consolidé les acquis et d'avoir appris beaucoup de nouvelles choses. Un format sur 3 jours dense, mais avec beaucoup d'informations intéressantes.
OA
Olatundji A.
Klee Conseil et intégration05.02.2024
Très intéressant
SF
Serge F.
SNCF VOYAGEURS07.11.2023
Très bonne formation !
RL
Rayan L.
INFOBAM
Super formateur, qui est d'abord un vrai développeur, qui sait nous débloquer dans toutes les situations et qui maîtrise ce qu'il nous enseigne.
XW
Xavier W.
OPTEAMUM
Benjamin est un très bon formateur, merci à lui !
LS
Lucas S.
OPTEAMUM
Benjamin est un très bon formateur, à l'écoute des attentes de ses participants. Merci à lui pour nous avoir fait redécouvrir Angular !
PU
Pierre U.
5th floor26.07.2021
Benjamin est vraiment sympa, il arrive à faire passer son engouement (sur certains sujets en particulier :D ) et lâche quelques pépites aux détours de sujets en apparence anodins. 3 jours c'est court, mais on en sort avec plein d'idées à tester au plus vite !
GV
Guillaume V.
Groupe Boucheries André
Le contenu était dense et complexe sur une seule journée. Evan s'en est très bien sorti, mais les exercices pratiques manquaient juste un peu sur la fin, mais nous en voulions sûrement trop en 1 journée.
MT
Mickael T.
GAMMEO
Super formation et super formateur ! Nous avons pu aborder tous les sujets que l'on souhaitait. C'est rythmé et tout est pensé afin de pouvoir pratiquer facilement sur les nouvelles notions. On commence par revoir les bases du JavaScript et de TypeScript afin d'être a l'aise avec les notions abordées par la suite. Le formateur s'assure que l'on comprenne bien les explications et prend le temps nécessaire si besoin pour aller en profondeur sur certains points. Je recommande !
AG
Adrian G.
Amue
Excellent formateur (merci Evan !): bon pédagogue, décontracté, connait extrêmement bien le sujet.
MD
Mariam D.
Amue16.03.2021
Super formation
LM
Lauriane M.
Amue16.03.2021
Rythme un peu difficile à suivre, on était un peu juste en temps
ER
Erwan R.
Amue
Super formation !
J'ai particulièrement apprécié la démarche pas à pas.
Le formateur est très pédagogue et à l'écoute.
LQ
Le Quyen L.
Amue
J'ai beaucoup apprécié la pédagogie du formateur et l'apprentissage pas à pas de l'Angular, NGRX...Il a répondu à nos questions sur les besoins liés au projet sur lequel nous travaillons actuellement.
FG
Florian G.
ARTEFACTO
Formateur (Benjamin) compétent et à l'écoute. Le programme est souple et vous pourrez vous concentrer sur les sujets qui vous concernent vraiment.
TS
Tengda S.
Axance Technology
Trois jours de formation très chouette, formateur très sympa !
IC
Ilyes C.
Axance Technology20.07.2020
Parfait
SM
Sergei M.
Orange Business SA – Direction Applications for Business
Une formation agile qui est adaptée aux connaissances des participants par le formateur au fil de l'eau. Pensez à faire le tour des bases avant pour pouvoir en profiter pleinement.
SE
Sébastien E.
Orange Business SA – Direction Applications for Business
Formateur ayant de très bonne connaissance des concepts avancés
LS
Loïc S.
Efluid
Excellent formateur. Très compétent et fort sympathique. Je recommande à toutes personnes voulant gagner en expertise sur Angular 2+ de passer par cette formation.
AB
Amaury B.
Teach On Mars14.11.2018
De bonnes bases JS sont necessaires pour suivre correctement la formation
FR
Fatima R.
Orange18.07.2018
Je suis développeur dans une grande ESN en France, j'ai commencé à travailler sur un projet Angular et j'avais besoin de monter en compétences sur le Framwork. du coup j’ai suivi la formation Angular avancé proposée par Human Coders, avec 2 de mes collègues.
La formation était sur-mesure, adaptée à notre besoin et on a appris beaucoup de choses, dans une bonne ambiance.
Merci Human Coders, et merci au formateur Benjamin, tu étais au top.
FN
Florian N.
Orange18.07.2018
Benjamin est un très bon formateur, il nous a fait un cours sur-mesure. La formation a été très enrichissante. Je recommande!
FAQ
Nos formations sont éligibles à plusieurs dispositifs de financement, selon votre situation. Human Coders est certifié Qualiopi, ce qui permet la prise en charge par des organismes comme Pôle emploi, votre OPCO ou encore le CPF (Compte Personnel de Formation) pour certaines formations.
Oui, la formation peut être proposée en présentiel ou en distanciel. Pour les inter-entreprises, les modalités (présentiel ou à distance) sont fonction de la session.
Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)
Les formations se déroulent toujours en petit groupe de 3 à 6 stagiaires. Nous souhaitons que les formateurs et formatrices puissent passer un maximum de temps avec chacun·e.
Voici une journée type :
9h : vous êtes accueillis par votre formateur·rice autour d'un petit déjeuner (croissants, pains au chocolat, jus de fruit, thé ou café...)
9h30 : la formation commence
12h30 : pause de midi. Le·a formateur·rice mangera avec vous. C'est l'occasion d'avoir des discussions plus informelles.
14h : reprise de la formation
18h : fin de la journée
8 raisons de participer à une formation Human Coders
Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1648 sessions réalisées). 99% des participants se disent satisfaits de nos formations
Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
Catalogue de formations complet : 171 formations au catalogue, de quoi vous accompagner sur tout vos projets
Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux