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 10).

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 oeil à notre formation Angular !

Enfin pour approfondir les fonctionnalités offertes par la librairie RxJS, jetez un oeil à 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.

Voir son profil détaillé

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.

Voir son profil détaillé

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

• en répondant à vos questions lors de rendez-vous téléphoniques réguliers
• en étant présents physiquement à l'amorce du projet
• en réalisant un audit de vos pratiques quelques semaines/mois après la formation

Cette idée vous intéresse ? Faîtes-le nous savoir pour que nous trouvions la formule adaptée à votre situation.