Angular Avancé

Résumé

Vous avez assisté à notre formation Angular Fondamental, 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.

Contenu du cours

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

 

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

 

Matérial avancé

  • Étude et mise en oeuvre de quelques composants

  • Nouveautés Angular 

  • Création de vos propres librairie 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  – expérimental)

  • Accéder à la vue : host

  • HostBinding / HostListener

  • Principe d’encapsulation

  • Manipuler le DOM via le renderer : ViewChild / ContentChild

 

RXJS avancé

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

  • 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

    • Ecrire des test

    • Lancer les test

 

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

Durée 

2 jours soit 14 heures

Prix public

​1.400 € HT

Dates à Paris

  • Sur demande

Public concerné

Développeur Angular, Chefs de projets

Objectifs pédagogiques

  • Comprendre les concepts avancés

  • Tester complètement son application

  • Savoir développer et gérer des composants

  • Augmenter les performances d’une application

Pré-requis

Connaissances fondamentales sur Angular, ou avoir effectué la formation Angular Fondamental

Sur le même thème

SARL DIG-IT

Simplifiez vous l'IT

 

Tél : +33 (0)6 09 52 48 96

Mail : sandra@formation-IT.org

Centre de Formation enregistré

sous la DA n° 93.06.07876.06

SIRET 822 060 372 00015 - APE 7022Z 

  • Twitter Classic
  • LinkedIn Social Icon
  • Facebook Social Icon