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
NOUVEAU - Cafés et déjeuners offerts à partir du 11 octobre
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

Nous sommes Angular 12, 11, 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 12 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é

 

Nouveaux concepts (depuis Angular 8)

  • Introduction aux PWA
  • Introduction à @angular/elements
  • Créer une librairie avec Angular
  • Introduction aux tests unitaires avec Karma et Jasmine
  • Introduction aux test fonctionnels avec Protractor
  • Introduction à Angular Universal (server-side rendering)

 

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
NOUVEAU - Cafés et déjeuners offerts à partir du 11 octobre
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

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.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp