Formation Angular Avancé

4,8 rating
Logo Formation Angular Avancée

1400€

1260€ HT / personne

2 jours (14 heures)

Paris
Il ne reste que quelques places
Disponible aussi en intra-entreprise pour former votre équipe.

Nous sommes Angular 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 8.0 sortie en mai 2019 à ce jour ainsi que Redux 4.0.1.

 

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é

 

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 : 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

 

Route guards & resolve

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

 

Animations

  • É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 WebsocketSubject

 

Internationalisation

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

 

@ngrx/store

  • Concept : immutable data store
  • Reducers & Actions

 

Les Tests

  • Tests unitaires
    • Jasmine & Karma
    • Tester un composant
    • Tester un service
  • Wiremock
  • Tests fonctionnels (E2E)
    • Pourquoi du E2E ?
    • Protractor
    • Écrire des tests
    • Lancer les tests

 

Server-side Rendering : Angular Universal

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

 

Astuces

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

    5,0 rating
    21 juin 2019

    Beauccoup de choses, contenu très dense pour 2 jours. le formateur est compétent et claire dans ces explications.

    Pascal M. Chez AREAL
    Afficher tous les témoignages
    5,0 rating
    21 juin 2019

    Beauccoup de choses, contenu très dense pour 2 jours. le formateur est compétent et claire dans ces explications.

    Pascal M. Chez AREAL
    5,0 rating
    21 juin 2019

    Peut-être parfois pas assez de temps sur la théorie.
    Mais comme le formateur est compétent on s’y retrouve.

    Arnaud P. de AREAL
    5,0 rating
    21 juin 2019

    cette formation est très importante pour comprendre les subtilités d’angular. Merci Romain.

    Emmanuel S. Chez AREAL
    5,0 rating
    14 juin 2019

    Au top aussi !

    Mathieu B. de P.C.R.H Groupe Partnaire
    5,0 rating
    19 avril 2019

    Très satisfait de la formation, du formateur et du rythme !

    Mohamadou
    Noter la formation

    1400€

    1260€ HT / personne

    2 jours (14 heures)

    Paris
    Il ne reste que quelques places
    Disponible aussi en intra-entreprise pour former votre équipe.

    Une question ? Un projet ?

    Pour des informations complémentaires, n’hésitez pas à nous contacter.