Skip to main content

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.

⏳ Durée : 3 jours
🥇 Certification : Non
🧑‍🏫 Modalités : présentiel ou à distance

💶 Tarif : 

Demander un devis

📆 Prochaine session

Planning bientôt disponible.

📑 A télécharger

Télécharger le programme

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Parlez-nous de votre projet !

ReactJS : Maîtriser le framework JavaScript de Facebook - centre de formation Elitek
Web & Cloud

ReactJS : Maîtriser le framework JavaScript de Facebook

Vous travaillez déjà avec React et vous ressentez les limites de l’auto-formation ? Rassurez-vous, vous n’êtes pas seul. Se contenter de la documentation officielle montre…
formation microsoft azure admin elitek - Elitek
Web & Cloud
Réussir la certification Microsoft Azure Administrator
Formation Développement Java avancé - Centre de formation Elitek
Web & Cloud
Développement Java avancé
Formation Développement Java fondamentaux - Centre de formation Elitek
Web & Cloud
Développement Java les fondamentaux
Formation Angular - Centre de formation Elitek

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous
Close Menu

Elitek

Formons vos équipes.

A propos

103 Quai du Président Roosevelt
92130 Issy Les Moulineaux

T : +33 (0)1 76 50 36 66
E : hello@elitek.fr