Angular : développement avancé

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

La formation Angular Avancé est destinée à des développeurs 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.

A qui s’adresse cette formation ?

Profil du stagiaire

• Développeurs
• Architectes

Prérequis

• Connaissance de HTML, CSS et un bon niveau en JavaScript
• Avoir déjà une bonne expérience avec Angular

Objectifs pédagogiques

• Approfondir la maîtrise d’Angular
• Mettre à jour son application depuis les versions précédentes;
• Optimiser vos applications web
• Savoir réutiliser des fonctionnalités en créant une librairie pour Angular
• Gestion de monorepo + micro frontends

Contenu (progression pédagogique)

• Rappels
  • Typescript
  • Angular
  • Tests
• Reactive forms
  • FormControl et FormGroup
  • Formulaires décomposés avec FormBuilder
  • Validateurs personnalisés
  • Validateurs asynchrones
• Lazy loading
  • Améliorer les performances de démarrage
  • Route integration : loadChildren
  • Preloading
  • Modules partagés
• Change detection
  • Optimisation de performance dans le cas du Data-binding, détection de changement
  • OnPush
  • Mode manuel : Change Detector Ref
  • zone.js et NgZone
  • trackBy pour *ngFor
• Route guards & resolve
  • Les différents types de Guards
  • CanActivate, CanActivateChild : protéger une route
  • CanDeactivate : sécuriser la sortie
  • Pre-fetching avec resolve
• Animation
  • États et transitions
  • Animations avec le routeur
• Material avancé
  • Étude et mise en oeuvre de quelques composants
  • Nouveautés Angular 8 & 7
  • Création de vos propres librairies Material à l’aide du CDK
  • Material & CDK
• Composants et directives avancés
  • Comprendre les cycles de vie
  • Composant avec projection de contenu (ng-content)
  • HostBinding / HostListener
  • ViewChild / ContentChild
• Techniques de manipulation du DOM avancées
  • Hooks et cycles de vie
  • Composant avec projection de contenu (ng-content, ng-container, ngTemplateOutlet, …)
  • Utiliser le Renderer (Ivy Renderer en Angular 7 – expérimental)
  • Accéder à la vue : host
  • HostBinding / HostListener
  • Principe d’encapsulation
  • Manipuler le DOM via le renderer : ViewChild / ContentChild
• RxJS avancé
  • Rxjs 6 : nouveautés et breaking changes (pipeable operators), compatibility package
  • Multicast observables – behavior, replay ou async subjects
  • Operators: instance VS static, categories
  • Créer son propre opérateur
  • Composition d’opérateurs : pipeable operators, pure / impure operator pipes
  • WebSocket : utilisation du built-in Websocket Subject
• Internationalisation
  • Internationalization : i18n marker
  • Gestion des textes à traduire
  • Gestion du pluriel
• @ngrx/store
  • Concept : immutable data store
  • Reducers & Actions
• Les test
  • Tests unitaires
  • Wiremock
  • Tests fonctionnels (E2E)
• Server-side Rendering : Angular Universal
  • ServerModule
  • Moteur back-end (Node.js et autres)
  • @nguniversal/express-engine
• Chaque point est accompagné de travaux pratiques

Les + de la formation

Formateurs certifiés

Tous nos formateurs référents sont :

• Certifiés dans leur domaine de formation ;
  
• Reconnus pour leurs qualités pédagogiques ;
• Experts-Conseils depuis plusieurs années.

Coaching post-formation

Elitek vous propose à l’issue de chaque formation, un accompagnement adapté de vos collaborateurs dans la mise en œuvre des principes et méthodes présentés en stage.

L’engagement qualité pour nos formations

Soucieux de vous offrir des prestations de formation à la hauteur de nos engagements, Elitek s’est impliquée dans une démarche qualité et a été certifiée Qualiopi et référencée Datadock.

Admission

Entretien téléphonique et/ou physique de pré-admission avec un référent Elitek. Présentation de la part du client des problématiques rencontrées et détermination des objectifs professionnels de la formation. Délais d’inscription : 7 jours avant le début de formation.