Angular 8 le nouveau framework de Google a vu le jour sous sa version finale en mai 2019 et s’impose dès lors comme la référence des technologies modernes. Ce framework conçu pour créer des applications web complexes s’appuie sur des outils ultras modernes (ES2015, TypeScript, Web composants et programmation réactive).

La formation Angular 8 niveau avancé du centre Esic à pour objectifs de vous apporter toutes les connaissances pratiques pour vous permettre de maîtriser ce framework. Vous serez amenés à compre les concepts avancés de ce framework, à tester complètement son application, à développer et gérer des composants mais également à augmenter les performances d’une application.

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

21 heures

  • Programme
  • Public et Prérequis
  • Pédagogie
  • Dates et Tarifs
  • Nous contacter

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
  1. Jasmine & Karma
  2. Tester un composant
  3. Tester un service
  • Wiremock
  • Tests fonctionnels (E2E)
  1. Pourquoi du E2E ?
  2. Protractor
  3. Écrire des tests
  4. Lancer les tests

SERVER-SIDE RENDERING : ANGULAR UNIVERSAL

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

ASTUCES

  • Intégration continue
  • La mise en production
  • Bootstrap 4

Public 

Cette formation s'adresse à des développeurs Web, Lead developer..

Prérequis 

La formation Angular 8 niveau avancé nécessite des connaissances fondamentales sur Angular ou d'avoir suivi la formation Angular 8

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers des multiples exercices à réaliser (50 à 70% du temps).

Compétences du formateur

Notre formation est animée par un expert reconnu dans son domaine possédant une expérience sur le terrain significative et des compétences pédagogiques reconnues.

Moyens pédagogiques et techniques

  • Ordinateur (PC / MAC), vidéoprojecteur, aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les stages pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.

A l’issue de chaque stage ou séminaire, ESIC fournit aux participants :

  • Un questionnaire d’évaluation de la session
  • Une feuille d’émargement par demi-journée de présence
  • Une attestation de fin de formation

Dates 

Nous consulter

( Sous réserve d’un effectif nécessaire pour l’ouverture de session )

Tarif

1770€ HT par stagiaire

Intra-entreprise et sur-mesure

Nos consultants vous accompagnent pour adapter ce programme de formation à votre contexte.