Formation Angular

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 versions suivantes.

Objectifs pédagogiques

  • Organiser, modulariser et tester ses développements JavaScript
  • Maîtriser les fondamentaux du framework Angular
  • Créer rapidement des applications Web complexes
  • Savoir intégrer les tests unitaires au développement
  • Connaître les bonnes pratiques de développement et de mise en production

Travaux pratiques

Composition modulaire d’une application avec Angular.

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

  • Sanitization, Cross Site Scripting.
  • Internationalisation. Coding Guide Style.
  • 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.
  • Tree Shaking.
  • 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

  • Ecosystème Angular pour la gestion des données, AngularFire, NgRx.
  • Les bibliothèques UI : Angular Material, Prime NG…
  • Utilisation avec les Web Components, avec ReactJS et autres solutions.
  • Intégrer des librairies specialisées D3JS, Maps…
  • 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.