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, nous plongerons dans les concepts avancés (zones, lazy loading, aot, ...) d'Angular et découvrirons son écosystème (@ngrx, material, PWA, ...).

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 donc 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, ...

Concepts avancés

Injection de dépendances

• Principes de l'injection de dépendance
• Injection hiérarchique
• Inject anything : InjectionToken

Zones

• Principes de fonctionnement
• Utilisation dans Angular

Change detection strategies

• Principe et utilité
• État de la vue (component)
• Propagation du changement

Lazy Loading

• Améliorer les performances de démarrage
• Route integration : loadChildren
• Preloading
• Modules partagés

Ahead of Time Compilation

• AOT vs JIT
• Mise en place

Route guards & resolve

• Les différents types de Guards
• CanActivate, CanActivateChild : protéger une route
• CanDeactivate : sécuriser la sortie
• Pre-fetching avec resolve

Internationalisation i18n

• i18n marker
• Singulier / pluriel & select
• ng-xi18n
• AOT gotchas

Écosystème

@ngrx/store

• Concept : immutable data store
• Reducers & Actions

Sever Side Rendering

• Platform-server
• Bootstraper depuis le serveur
• Pages statiques & pages dynamiques

PWA

• Service Workers
• Static Content Cache
• Route Redirection
• Push Notifications

@angular/material

• Étude et mise en oeuvre de quelques composants
• Material & CDK

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é

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