Nos formations

Angular, développement avancé (2 jours)

Angular, développement avancé (2 jours) Image

Accessible aux personnes en situation de handicap

Angular, devenu la référence des infrastructures JavaScript côté client, propose une refonte du cœur du framework en s’appuyant sur les nouveaux standards du Web. Cette formation vous permettra de maîtriser en profondeur les bonnes pratiques de développement avec le framework Angular 5 et ses versions suivantes.

Objectifs pédagogiques

  • Savoir utiliser les décorateurs Angular
  • Architecturer les applications Web complexes
  • Intégrer les outils de documentation et les tests unitaires
  • Développer et intégrer des librairies de composants

Méthodes pédagogiques

Chaque nouveau concept théorique sera appliqué immédiatement et de façon pratique.
PROGRAMME DE FORMATION

Angular, mise en œuvre des bonnes pratiques

  • Injection de dépendances.
  • Types applicatifs partagés.
  • PWA : les Services Workers.
  • Requêtes HTTP avancées.
  • Lazy Loading.

Travaux pratiques
Analyser et optimiser une application.

Fonctionnement interne d’Angular

  • ZoneJS : le concept.
  • Optimisation des cycles de rendu, exécution hors ZoneJS.
  • Choisir RXJS.
  • Utilisation des observables.
  • Création, combinaison, opérateurs clés.
  • Compilation Ahead Of Time.
  • Webpack Bundle Analyzer.

Travaux pratiques
Créer une application utilisant RxJS.

Création de composants distribuables

  • Les Web Components.
  • Méthodologie : Interactive Component Sheet.
  • Les décorateurs.
  • Le Change Detection Mode.
  • Composants neutres versus à état. Communication entre composants, optimisation ES6.
  • Projection de contenu, pilotage de composants enfants.
  • Préparer les composants pour la distribution.
  • Documentation : génération dynamique.

Travaux pratiques
Développer et packager des composants distribuables.

Composants riches et librairies externes

  • Découverte de l’écosystème Angular pour la gestion des données, AngularFire, NgRx.
  • Les bibliothèques UI : Angular Material, Prime NG…
  • Les animations.

Travaux pratiques
Réutilisation de composants, intégration de librairies externes.

Formulaire dynamique : le FormBuilder

  • Création de formulaire dynamique : ReactiveFormsModule.
  • FormControl et FormGroup, AbstractContrl, FormArray.
  • Validation et gestion d’erreur personnalisée.
  • Création de modèles de données.
  • Utilisation du FormBuilder.
  • Création dynamique de template.
  • Abstraction de composant métier de formulaire.

Travaux pratiques
Mise en œuvre de la génération et les cycles de validation avancée de formulaire.

Tests unitaires. Bonnes pratiques et outils.

  • Karma et Jasmine.
  • Tests d’intégration avec Protractor.
  • Le Code-Coverage.
  • Behaviour Driven Development, Test Driven Development.
  • Cas de test : Pipe, Component, Service, etc.

Travaux pratiques
TDD : développer une application à partir de tests unitaires.

Angular, développement avancé (2 jours)

Angular, développement avancé (2 jours) Image

Accessible aux personnes en situation de handicap

Angular, devenu la référence des infrastructures JavaScript côté client, propose une refonte du cœur du framework en s’appuyant sur les nouveaux standards du Web. Cette formation vous permettra de maîtriser en profondeur les bonnes pratiques de développement avec le framework Angular 5 et ses versions suivantes.

Objectifs pédagogiques

  • Savoir utiliser les décorateurs Angular
  • Architecturer les applications Web complexes
  • Intégrer les outils de documentation et les tests unitaires
  • Développer et intégrer des librairies de composants

Méthodes pédagogiques

Chaque nouveau concept théorique sera appliqué immédiatement et de façon pratique.
PROGRAMME DE FORMATION

Angular, mise en œuvre des bonnes pratiques

  • Injection de dépendances.
  • Types applicatifs partagés.
  • PWA : les Services Workers.
  • Requêtes HTTP avancées.
  • Lazy Loading.

Travaux pratiques
Analyser et optimiser une application.

Fonctionnement interne d’Angular

  • ZoneJS : le concept.
  • Optimisation des cycles de rendu, exécution hors ZoneJS.
  • Choisir RXJS.
  • Utilisation des observables.
  • Création, combinaison, opérateurs clés.
  • Compilation Ahead Of Time.
  • Webpack Bundle Analyzer.

Travaux pratiques
Créer une application utilisant RxJS.

Création de composants distribuables

  • Les Web Components.
  • Méthodologie : Interactive Component Sheet.
  • Les décorateurs.
  • Le Change Detection Mode.
  • Composants neutres versus à état. Communication entre composants, optimisation ES6.
  • Projection de contenu, pilotage de composants enfants.
  • Préparer les composants pour la distribution.
  • Documentation : génération dynamique.

Travaux pratiques
Développer et packager des composants distribuables.

Composants riches et librairies externes

  • Découverte de l’écosystème Angular pour la gestion des données, AngularFire, NgRx.
  • Les bibliothèques UI : Angular Material, Prime NG…
  • Les animations.

Travaux pratiques
Réutilisation de composants, intégration de librairies externes.

Formulaire dynamique : le FormBuilder

  • Création de formulaire dynamique : ReactiveFormsModule.
  • FormControl et FormGroup, AbstractContrl, FormArray.
  • Validation et gestion d’erreur personnalisée.
  • Création de modèles de données.
  • Utilisation du FormBuilder.
  • Création dynamique de template.
  • Abstraction de composant métier de formulaire.

Travaux pratiques
Mise en œuvre de la génération et les cycles de validation avancée de formulaire.

Tests unitaires. Bonnes pratiques et outils.

  • Karma et Jasmine.
  • Tests d’intégration avec Protractor.
  • Le Code-Coverage.
  • Behaviour Driven Development, Test Driven Development.
  • Cas de test : Pipe, Component, Service, etc.

Travaux pratiques
TDD : développer une application à partir de tests unitaires.