Dans ce cours, vous apprendrez à approfondir des concepts avancés d'Angular et son écosystème .

Angular qu'est-ce que c'est ?

Angular est un framework Javascript (comme React ou Vue) pour développeur front-end.

Apprenez à vous en servir pour construire des applications webs facilement déployables sur tous types de serveurs ! Pour les applications web, web mobile, mobile natif et desktop natif.

Exemples de salaires - Développeur Angular

Expérience	Confirmé (2-5ans)	Senior (+5ans)	Lead dev
Salaire	[40K - 50K]€	[46K - 58K]€	[46K - 70K]€

Durée

21h sur 3 jours

La formation se déroule au format distanciel intensif, avec un suivi individuel et un examen d’évaluation en fin de formation.

Environnement de travail

Suivi individuel par un formateur-expert à toutes les étapes de la formation. Bureaux en centre-ville de Lyon pour les parties présentielles. Le matériel informatique peut être fourni.

À qui s'adresse cette formation ?

Cette formation est ouverte aux développeurs/architectes ayant déja une première expérience avec Angular.

Compétences acquises grâce à cette formation

• Comprendre les concepts avancés qui portent Angular
• Augmenter les performances d'une application Angular
• Intégrer les librairies externes incontournables

Tarif

1800€ HT (Comment faire financer ma formation professionnelle ?)

Contenu de la formation

Jour 1 : Concepts avancés - 1ère partie

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

Zone & Change detection strategies

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

Jour 2 : Concepts avancés - 2ème partie

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

Jour 3 : É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
• ngx-translate