Aquantic training - Formation

Angular, développement avancé

Icône DuréeDurée

3 jours - 21 heures

Icône EuroPrix

2190 € HT

Icône RéférenceRéférence

AQ-ADA-93

Icône TypeType

🏢 Intra

Public

Cette formation s'adresse aux architectes, développeurs et chefs de projets web.

Pré-requis

Il est recommandé d'avoir de bonnes connaissances du framework Angular, ainsi que des technologies du web et des outils modernes de développement front-end.

Objectifs

  • Utiliser efficacement les décorateurs Angular.
  • Architecturer des applications web complexes en mettant en œuvre les bonnes pratiques.
  • Intégrer les outils de documentation et les tests unitaires dans le processus de développement.
  • Développer et intégrer des librairies de composants Angular distribuables.

Programme

Module 1 : 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.
  • Automatisation de la documentation.
  • L'internationalisation.
  • Travaux pratiques : Analyser et optimiser une application.

Module 2 : Fonctionnement Interne d'Angular

  • ZoneJS : le concept.
  • Optimisation des cycles de rendu, exécution hors ZoneJS.
  • Choix de RxJS.
  • Angular 9 Ivy Engine : configuration et migration.
  • 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.

Module 3 : 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éparation des composants pour la distribution.
  • Documentation : génération dynamique.
  • Travaux pratiques : Développer et packager des composants distribuables.

Module 4 : Composants Riches et Librairies Externes

  • Gestion des développements multi-projet.
  • 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.

Module 5 : Formulaire Dynamique - Le FormBuilder

  • Création de formulaire dynamique : ReactiveFormsModule.
  • FormControl et FormGroup, AbstractControl, 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.

Module 6 : 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, composant, service, etc.
  • Travaux pratiques : TDD - Développer une application à partir de tests unitaires.

Modalités et informations pratiques

Angular, développement avancé

Icône DuréeDurée

3 jours - 21 heures

Icône EuroPrix

2190 € HT

Icône RéférenceRéférence

Icône TypeType

Intra

Public

Cette formation s'adresse aux architectes, développeurs et chefs de projets web.

Pré-requis

Il est recommandé d'avoir de bonnes connaissances du framework Angular, ainsi que des technologies du web et des outils modernes de développement front-end.

Objectifs

  • Utiliser efficacement les décorateurs Angular.
  • Architecturer des applications web complexes en mettant en œuvre les bonnes pratiques.
  • Intégrer les outils de documentation et les tests unitaires dans le processus de développement.
  • Développer et intégrer des librairies de composants Angular distribuables.

Programme

Module 1 : 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.
  • Automatisation de la documentation.
  • L'internationalisation.
  • Travaux pratiques : Analyser et optimiser une application.

Module 2 : Fonctionnement Interne d'Angular

  • ZoneJS : le concept.
  • Optimisation des cycles de rendu, exécution hors ZoneJS.
  • Choix de RxJS.
  • Angular 9 Ivy Engine : configuration et migration.
  • 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.

Module 3 : 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éparation des composants pour la distribution.
  • Documentation : génération dynamique.
  • Travaux pratiques : Développer et packager des composants distribuables.

Module 4 : Composants Riches et Librairies Externes

  • Gestion des développements multi-projet.
  • 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.

Module 5 : Formulaire Dynamique - Le FormBuilder

  • Création de formulaire dynamique : ReactiveFormsModule.
  • FormControl et FormGroup, AbstractControl, 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.

Module 6 : 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, composant, service, etc.
  • Travaux pratiques : TDD - Développer une application à partir de tests unitaires.

Modalités et informations pratiques

Sauf indication contraire, le prix indiqué est valable pour une session complète de formation Inter-entreprises dans nos locaux, et par personne. Pauses café offertes. Déjeuner en option. Pour l'adapation d'une formation en Intra-entreprises vous pouvez nous consulter pour établir un devis.

Au démarrage de la session, le formateur échangera avec le(s) stagiaire(s) afin d'effectuer une analyse de leurs attentes, de leurs besoins et de leurs acquis.

  • Apports théoriques et mises en pratique.
  • Chaque point du programme fait l'objet d'une explication théorique appuyée d'une démonstration. Elle est suivie d'une mise en pratique par le biais d'exercices concrets
  • Un ordinateur équipé des logiciels et outils nécessaires à la réalisation de la formation
  • Un formateur possédant plusieurs années d'expérience

Une feuille d'émargement fournie par Aquantic sera signée par les stagiaires à chaque début de session (matin et après-midi). Elle sera transmise avec l'ensemble des documents relatifs à la formation à Aquantic.

  • Une évaluation de la formation sera complétée par le stagiaire au terme de la session.
  • Le formateur évaluera les acquis des stagiaires tout au long de la formation par des mises en situations pratiques.

📝 Pour nous faire part de vos retours, merci de compléter notre formulaire en ligne. 💭 Vos commentaires sont essentiels pour nous améliorer !

Contact

Logo Aquantic