Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?
Rappel Email
Dates
Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)
Angular est un framework de développement d'applications web porté par Google. Sans doute le plus polyvalent et le plus complet des frameworks actuels, il offre une expérience de développement sans comparaison.
Durant cette formation Angular Avancé, nous plongerons dans les concepts avancés (zones, lazy loading, i18n strategies, ...) d'Angular et découvrirons son écosystème (RxJS, @ngrx, material, PWA, ...). Cette formation porte sur la dernière version majeure du framework de Google (Angular 13).
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. L'objectif est également de structurer le tout à travers un ensemble de bonnes pratiques, de retours d'expérience et de tips afin de rendre les applications réalisées maintenables et évolutives.
Cette formation, orientée pratique, permettra à chacun des participant·e·s de produire une application Angular sur la base d'une API REST existante. L'application réalisée étant opérationnelle, elle pourra servir de modèle pour leurs projets à venir.
Si vous débutez avec le framework Angular, jetez un œil à notre formation Angular !
Enfin pour approfondir les fonctionnalités offertes par la librairie RxJS, jetez un œil à notre formation RxJS. Cette dernière couvre toutes les fonctions et opérateurs RxJS qui permettent de créer, combiner et transformer des Observables.
Covid-19: Nous restons ouverts. Cette formation est disponible à distance.
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. Cela implique une bonne connaissance de TypeScript (et de JavaScript) et 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é
Note : un rappel / mise à niveau sur Angular est effectué au début de la formation : Component, Forms, Routing, Services, Observables, ...
1. Concepts avancés
JavaScript / Typescript
- Tips & tricks
- Pure functions
- Arrays & Functional programming
Functional Reactive Programming & RxJS
- Concepte
- Principaux opérateurs
- Opérateurs de combinaison
- Gestion des exceptions
- De l'API à la vue avec le pipe Async
Zone & Change detection strategies
- Principe et utilité
- État de la vue (component)
- Propagation du changement
PWA
- 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
- Preloading
- Modules partagés
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
2. Écosystème
Angular Material
- Configuration et theming
- Étude et mise en oeuvre de quelques 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
Angular Universal
- Introduction
Internationalisation (aka I18N)
- Angular I18N standard
- i18n marker
- Singulier / pluriel & select
- ng-xi18n
- AOT gotchas
- @ngx-translate
- Concept de la librairie
- Chargement à chaud des traductions
Le(s) formateur(s)
Benjamin Barbier
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 (JS puis sa nouvelle version) en amenant le recul et les bonnes pratiques que ses années d'expérience ont pu lui apporter.
Vincent Caillierez
Cela fait plus de 10 ans que Vincent anime des formations dans le domaine du développement web, et 4 ans qu'il s'est spécialisé sur Angular.
Il se considère lui-même comme un éternel apprenant. En parallèle de son activité de formateur, il travaille en tant que freelance en réalisant des missions de développement en Angular pour divers clients, ce qui lui permet de rester à jour sur cette techno et de continuer à étayer ses compétences sur le sujet.
Soucieux de la qualité des formations qu'il donne, il a récemment suivi un cursus d'ingénieur pédagogique sur OpenClassrooms ou encore passé la certification de formateur ICPF & PSI.
Evan Boissonnot
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 !
A propos de Human Coders
Human Coders c'est un centre de formation pour développeurs avec :
- une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
- de nombreux clients qui nous font confiance depuis des années
- un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
- 87 formations au catalogue, 1121 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
- la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation
15 témoignages
Benjamin est un très bon formateur, à l'écoute des attentes de ses participants. Merci à lui pour nous avoir fait redécouvrir Angular !
Lucas SCHILLING
Benjamin est un très bon formateur, merci à lui !
Xavier WUSLER
Super formation ! J'ai particulièrement apprécié la démarche pas à pas. Le formateur est très pédagogue et à l'écoute.
Erwan RONDEAU
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.
Le Quyen LA
Excellent formateur (merci Evan !): bon pédagogue, décontracté, connait extrêmement bien le sujet.
Adrian GONZALEZ
Rythme un peu difficile à suivre, on était un peu juste en temps
Lauriane MAS
Super formation
Mariam DIBO
Excellent formateur. Très compétent et fort sympathique. Je recommande à toutes personnes voulant gagner en expertise sur Angular 2+ de passer par ce-dernier.
Loïc SZYMANSKI
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 !
Mickael TACNET
Très satisfait de la formation, du formateur et du rythme !
Michaël MERZEAU
Formateur ayant de très bonne connaissance des concepts avancés
Sébastien ESTIENNE
Formateur (Benjamin) compétent et à l'écoute. Le programme est souple et vous pourrez vous concentrer sur les sujets qui vous concernent vraiment.
Florian GRIGNOUX
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.
Sergei MAKSIMTCHOUK
Parfait
Ilyes CHERIF
trois jours de formation très chouette, formateur très sympa
Tengda SU
Besoin d'aide ?
Nos forces
- Des formations à taille humaine
- Des formateurs passionnés
- Des véritables workshop
Nos clients
Angular est un framework de développement d'applications web porté par Google. Sans doute le plus polyvalent et le plus complet des frameworks actuels, il offre une expérience de développement sans comparaison.
Durant cette formation Angular Avancé, nous plongerons dans les concepts avancés (zones, lazy loading, i18n strategies, ...) d'Angular et découvrirons son écosystème (RxJS, @ngrx, material, PWA, ...). Cette formation porte sur la dernière version majeure du framework de Google (Angular 13).
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. L'objectif est également de structurer le tout à travers un ensemble de bonnes pratiques, de retours d'expérience et de tips afin de rendre les applications réalisées maintenables et évolutives.
Cette formation, orientée pratique, permettra à chacun des participant·e·s de produire une application Angular sur la base d'une API REST existante. L'application réalisée étant opérationnelle, elle pourra servir de modèle pour leurs projets à venir.
Si vous débutez avec le framework Angular, jetez un œil à notre formation Angular !
Enfin pour approfondir les fonctionnalités offertes par la librairie RxJS, jetez un œil à notre formation RxJS. Cette dernière couvre toutes les fonctions et opérateurs RxJS qui permettent de créer, combiner et transformer des Observables.
Covid-19: Nous restons ouverts. Cette formation est disponible à distance.
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. Cela implique une bonne connaissance de TypeScript (et de JavaScript) et 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é
Note : un rappel / mise à niveau sur Angular est effectué au début de la formation : Component, Forms, Routing, Services, Observables, ...
1. Concepts avancés
JavaScript / Typescript
- Tips & tricks
- Pure functions
- Arrays & Functional programming
Functional Reactive Programming & RxJS
- Concepte
- Principaux opérateurs
- Opérateurs de combinaison
- Gestion des exceptions
- De l'API à la vue avec le pipe Async
Zone & Change detection strategies
- Principe et utilité
- État de la vue (component)
- Propagation du changement
PWA
- 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
- Preloading
- Modules partagés
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
2. Écosystème
Angular Material
- Configuration et theming
- Étude et mise en oeuvre de quelques 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
Angular Universal
- Introduction
Internationalisation (aka I18N)
- Angular I18N standard
- i18n marker
- Singulier / pluriel & select
- ng-xi18n
- AOT gotchas
- @ngx-translate
- Concept de la librairie
- Chargement à chaud des traductions
Le(s) formateur(s)
Benjamin Barbier
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 (JS puis sa nouvelle version) en amenant le recul et les bonnes pratiques que ses années d'expérience ont pu lui apporter.
Vincent Caillierez
Cela fait plus de 10 ans que Vincent anime des formations dans le domaine du développement web, et 4 ans qu'il s'est spécialisé sur Angular.
Il se considère lui-même comme un éternel apprenant. En parallèle de son activité de formateur, il travaille en tant que freelance en réalisant des missions de développement en Angular pour divers clients, ce qui lui permet de rester à jour sur cette techno et de continuer à étayer ses compétences sur le sujet.
Soucieux de la qualité des formations qu'il donne, il a récemment suivi un cursus d'ingénieur pédagogique sur OpenClassrooms ou encore passé la certification de formateur ICPF & PSI.
Evan Boissonnot
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 !
A propos de Human Coders
Human Coders c'est un centre de formation pour développeurs avec :
- une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
- de nombreux clients qui nous font confiance depuis des années
- un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
- 87 formations au catalogue, 1121 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
- la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation
15 témoignages
Benjamin est un très bon formateur, à l'écoute des attentes de ses participants. Merci à lui pour nous avoir fait redécouvrir Angular !
Lucas SCHILLING
Benjamin est un très bon formateur, merci à lui !
Xavier WUSLER
Super formation ! J'ai particulièrement apprécié la démarche pas à pas. Le formateur est très pédagogue et à l'écoute.
Erwan RONDEAU
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.
Le Quyen LA
Excellent formateur (merci Evan !): bon pédagogue, décontracté, connait extrêmement bien le sujet.
Adrian GONZALEZ
Rythme un peu difficile à suivre, on était un peu juste en temps
Lauriane MAS
Super formation
Mariam DIBO
Excellent formateur. Très compétent et fort sympathique. Je recommande à toutes personnes voulant gagner en expertise sur Angular 2+ de passer par ce-dernier.
Loïc SZYMANSKI
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 !
Mickael TACNET
Très satisfait de la formation, du formateur et du rythme !
Michaël MERZEAU
Formateur ayant de très bonne connaissance des concepts avancés
Sébastien ESTIENNE
Formateur (Benjamin) compétent et à l'écoute. Le programme est souple et vous pourrez vous concentrer sur les sujets qui vous concernent vraiment.
Florian GRIGNOUX
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.
Sergei MAKSIMTCHOUK
Parfait
Ilyes CHERIF
trois jours de formation très chouette, formateur très sympa
Tengda SU
Nos clients
* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012