Une formation sur mesure ?

Devis immédiat

Nos clients

Ils nous font confiance.

logos clients Nativo formation
Formations inter / intra entreprise
Revenir aux formations Angular

Formation Angular 8 - Avancé

Ref. ANG-AV

NewBest of

durée

5 jours

Tarif

1990€ ht

Toutes les dates

Objectifs

  • Maîtriser les concept avancé du framework Angular
  • Savoir concevoir des applications Angular de toute taille et optimiser les performances
  • Maîtriser l'architecture d'une application modulaire

Public

  • Développeurs front
  • Développeurs Back
  • Lead dev

Prérequis

  • Avoir suivi la formation Angular initiation ou maîtriser tous les concepts du programme Angular Initiation
  • Connaissances de base en HTML, CSS, JS et Programmation Objet

Programme

Rappel et architecture

  • Rappel des fondamentaux Angular
  • Architecture modulaire, concepts avancés
  • Concevoir des architecture pour l'Agilité
  • Components de design vs components de données brutes
  • Concevoir pour la maintenabilité, la ré-utilisabilité et l'évolutivité
  • TP : concevoir une architecture et optimiser les performances

Tests unitaires, la méthode Test Driven Development

  • Appliquer la méthode TDD
  • Ecriture d'un test, faire échouer le test, écrire le code, re-factoriser
  • Réduire les bugs en utilisant TDD
  • TDD vs test unitaires, les bonnes pratiques
  • TP : nombreux examples de tests

Le router, optimisation, concepts avancés

  • Le Lazy Loading
  • Preloading Strategy
  • Les Guards, CanActivate et CanDeactivate, CanLoad
  • Les Resolves
  • Les Routes enfant
  • ActivatedRoute
  • Query parameters et Fragments
  • Comprendre le ChangeDetection
  • ChangeDetection Strategy
  • TP : Réaliser un Guard, un Resolve, utiliser ActivatedRoute

Composants dynamiques

  • Les transclusions, concepts avancés
  • ng-content vs ng-templates, bonnes pratiques
  • @ViewChild et @ViewChildren
  • @ContentChild et @ContentChildren
  • Génération de formulaires dynamiques
  • Génération de components dynamiques
  • Renderer 2
  • ngFactory
  • TP : Créer un module pour la génération de formulaire dynamique

HttpModule, concepts avancés

  • L'authentification
  • HttpClient, les interceptors
  • Protéger les appels api
  • Les environements de développement
  • TP : Créer un module pour l'authentification

Rxjs notions avancées

  • Observables chauds vs Observables froids
  • Les Subject, BehaviorSubject, ReplaySubject, AsyncSubject
  • Rxjs, fonctions et opérators avancés
  • of, from, create, pipe,, fromEvent, delay, distinct, debounceTime, interval, timer
  • map, mergeMap, switchMap,…
  • TP : Créer un moteur de recherche avec Rxjs

L'internationalisation

  • Angular et le pipe i18n
  • Gérer la pluralisation
  • TP : Préparer une application Angular pour l'internationalisation

Les PWA

  • Générer une PWA
  • Manipuler le ServiceWorker
  • Créer des applications installable sur mobiles
  • Les notifications en local
  • Les messages push
  • Le mode offline
  • TP : Créer une PWA et l'installer sur un mobile

Les stores, Ngrx

  • Qu'est ce que Ngrx ?
  • Les avantages de Ngrx
  • Quand utiliser Ngrx et pourquoi.
  • Actions, Reducers, Selectors, Store, and Effects
  • TP : examples d'utilisation de Ngrx avec Angular

Moyens et Méthodes Pédagogiques

  • La formation est constituée d'un cas pratique au cours duquel les apprenants créent une application Angular complète
  • Réalisation de travaux pratiques et d'exercices pour la validation des acquis
  • Un poste par stagiaire
  • Formateur Expert Certifié Nativo
  • Remise d’une documentation pédagogique papier ou numérique pendant le stage

Validation des acquis

  • Auto évaluation des acquis par le stagiaire via un questionnaire en fin de formation
  • Attestation de fin de stage remise avec la facture