Formations Web & Cloud Formation Angular Avancé

Formation Angular Avancé

Rated 4.3 out of 5
Logo Formation Angular Avancée
Prix 1440€ HT / personne
Durée 2 jours (14 heures)
Paris | à distance | FNE
Il ne reste que quelques places
Option OFFERTE de classe virtuelle (40€/j en supplément)
Disponible en intra-entreprise pour former votre équipe

Nous sommes Angular 10, 9, 8, 7, 6 & 5 Ready !

Présentation

Vous avez assisté à notre formation Angular, et vous souhaitez en connaitre plus ? Vous avez une application Angular, et vous rencontrez des difficultés à la maintenir ? Cette formation vous permettra de devenir expert Angular, vous apprendrez les concepts avancés d’Angular et découvrirez l’étendu de son écosystème.

Dans cette formation nous allons voir comment tester à 100% votre applicatif, comment résoudre des problèmes d’orchestration sur RxJS mais également toutes les astuces pour augmenter les performances de votre site web.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés : Angular 11 ainsi que Redux 4.

 

Objectifs

  • Comprendre les concepts avancés
  • Tester complètement son application
  • Savoir développer et gérer des composants
  • Augmenter les performances d’une application

 

Public visé

Développeur Web Angular, Lead developer

 

Pré-requis

Connaissances fondamentales sur Angular, ou avoir effectué notre formation Angular

Programme de la formation Angular Avancé

 

LAZY LOADING

  • Améliorer les performances de démarrage
  • Route integration: loadChildren
  • Preloading Strategy: PreloadAllModules et autres pistes

 

OPTIMISATION DES PERFORMANCES

  • Component-level Lazy Loading
  • Data Binding, mode manuel : ChangeDetectorRef
  • trackBy pour *ngFor
  • Budgets
  • Gestion des souscriptions avec subsink

 

ROUTE GUARDS & RESOLVE

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

 

RXJS AVANCÉ

  • Rxjs 6 : nouveautés
  • Exercices de mise à niveau
  • Multicast Observable avec Subject
  • Créer son propre opérateur

 

@NGRX/STORE (Workflow Redux)

  • Mise en place de Redux dans une application Angular avec la plateforme @ngrx
  • Debugging de Redux avec @ngrx/store-devtools
  • Création d’actions asynchrones avec @ngrx/effects
  • Boilerplate ultra-rapide avec @ngrx/data et @ngrx/entity

 

TESTS UNITAIRES

  • Jasmine & Karma
  • Tester un composant
  • Tester un service

 

ASTUCES

  • FormControl et FormGroup avec ReactiveFormsModule
  • Validateurs personnalisés et validateurs asynchrones

 

 

Modules complémentaires : 1 jour supplémentaire

 

REACTIVE FORMS

  • FormControl et FormGroup
  • Formulaires décomposés avec FormBuilder
  • Validateurs personnalisés
  • Validateurs asynchrones

 

CHANGE DETECTION : DATABINDING OPTIMIZATION

  • Optimisation de performance dans le cas du Data-binding, détection de changement
  • OnPush
  • Mode manuel : ChangeDetectorRef
  • zone.js et NgZone
  • runOutside, run
  • trackBy pour *ngFor

 

ANIMATIONS

  • États et transitions
  • Animations avec le routeur

 

MATÉRIEL 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

 

INTERNATIONALISATION

  • Internationalization : i18n marker
  • Gestion des textes à traduire
  • Gestion du pluriel

 

SERVER-SIDE RENDERING : ANGULAR UNIVERSAL

  • ServerModule
  • Moteur back-end (Node.js et autres) : @nguniversal/express-engine

Pour aller plus loin

Formation Angular 

Formation Ionic 5

Formation Firebase avec Angularfire

Formation Redux et RxJS

 

Formation MEAN Stack

Formation D3.js

Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Nos Formateurs Référents

Romain

Romain

Je m’efforce toujours d’apprendre de nouvelles technologies et d’essayer de les mettre en œuvre dans notre monde moderne. J’ai tendance à penser que nous n’avons pas fini de le construire. Tout peut être amélioré avec le bon état d’esprit, et quelques lignes de JavaScript.

Témoignages

Rated 4 out of 5
18 septembre 2020

Romain est un passionné et visiblement un grand fan de « John Papa » (je vous renvoi sur google).
Il serait un très bon mentor pour les problématiques de développement dans l’univers JavaScript.
Le niveau d’explication apporté est très détaillé et permet de discerner à la fois les aspects conceptuels et les aspects techniques.
La formation n’as hélas pas pu être terminée au vue de contenu très vaste, mais perso je préfère une formation terminée à 70% et bien comprise à 100% qu’une formation terminée à 100% et comprise à 70%.
Problèmes internets récurrents.
TensorFlow

Idris T. de chez GENOMIC VISION
Afficher tous les témoignages
Rated 4 out of 5
18 septembre 2020

Romain est un passionné et visiblement un grand fan de « John Papa » (je vous renvoi sur google).
Il serait un très bon mentor pour les problématiques de développement dans l’univers JavaScript.
Le niveau d’explication apporté est très détaillé et permet de discerner à la fois les aspects conceptuels et les aspects techniques.
La formation n’as hélas pas pu être terminée au vue de contenu très vaste, mais perso je préfère une formation terminée à 70% et bien comprise à 100% qu’une formation terminée à 100% et comprise à 70%.
Problèmes internets récurrents.
TensorFlow

Idris T. de chez GENOMIC VISION
Rated 4 out of 5
18 septembre 2020

Je recommande la formation

Ichrak L. de chez RACEMUS CONSULTING
Rated 3 out of 5
18 septembre 2020

La pédagogie du formateur, la mise en pratique immédiate des concepts
La moitié du programme n’a pas été traitée

Bhuvaneswari V. de chez Natixis
Rated 3 out of 5
18 septembre 2020

Je recommande la formation

Bruno N. de chez LGM
Rated 4 out of 5
26 juin 2020

Je recommande la formation

Gwenaël T. de chez GIP SIB
Noter la formation
Prix 1440€ HT / personne
Durée 2 jours (14 heures)

Paris | à distance | FNE
Il ne reste que quelques places
Option OFFERTE de classe virtuelle (40€/j en supplément)
Disponible en intra-entreprise pour former votre équipe

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.