Angular Avancé Version 2021

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

Nos formations sont accessibles aux personnes en situation de handicap.

Un questionnaire envoyé en amont de la formation invite les participants à nous contacter s’ils ont besoins d’aménagements spécifiques en lien avec leur situation de handicap. Nous nous employons à rechercher, avec les personnes concernées, les moyens de compensation qui leur seront adaptés.

Pour en valider l'accès merci de nous contacter contact@formation-IT.org

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

Profil formateur 

 Instructeur certifié par Angular

Délai d’accès 

Se référer aux dates figurant au planning

Sanction de la formation 

Une attestation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation sera remise au(x) stagiaire(s) à l’issue de la formation 

* Formation distanciel possible :

  • de votre entreprise

  • de chez vous

  • de nos locaux à Sophia Antipolis (équipement Cisco Webex Board)

Sur le même thème

L'année 2020 en chiffres

9,6/10

Note de

Satisfaction Globale

38

Thématiques

de formation

3 156

Heures de

formations dispensées

131

Stagiaires

formés

Dig-IT est un organisme de formation certifié Datadock

SARL DIG-IT

Simplifiez vous l'IT

 

Tél : 04 92 96 96 90

Mail : contact@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
  • WhatsApp Business