> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Angular, développement avancé
Formation incontournable

Formation : Angular, développement avancé

Angular, développement avancé

Télécharger au format pdf Partager cette formation par e-mail 2

Moyenne des avis clients Moyenne des avis clients Moyenne des avis clients Moyenne des avis clients
4,3 / 5
Télécharger au format pdf Partager cette formation par e-mail 2

Vous découvrirez en profondeur les bonnes pratiques de développement des applications Angular avec les dernières version du framework Angular et le moteur de rendu optimisé Ivy. Vous apprendrez à maitriser le FormBuilder pour des formulaires réactifs ainsi que la génération de tests unitaires.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. ANY
Prix : 2070 € H.T.
  3j - 21
Nous contacter




Vous découvrirez en profondeur les bonnes pratiques de développement des applications Angular avec les dernières version du framework Angular et le moteur de rendu optimisé Ivy. Vous apprendrez à maitriser le FormBuilder pour des formulaires réactifs ainsi que la génération de tests unitaires.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • 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

Public concerné
Architectes, développeurs et chefs de projets web.

Prérequis
Bonnes connaissances du framework de Google Angular, des technologies du web et des outils modernes de développement front-end.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la 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.
  • Automatiser la documentation.
  • L'internationalisation.
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.
  • 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.

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

  • 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.

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.

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.


Modalités 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.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Avis clients
4,3 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
JÉRÔME G.
03/04/24
4 / 5

Beaucoup de notions à aborder sur 3 jours et le temps pour pratiquer n’est pas suffisant pour pouvoir bien les assimiler. Il faudrait une journée supplémentaire.
HUBERT JOHANN S.
03/04/24
4 / 5

Le contenu est cohérent et varié pour une formation Angular avancé. La pédagogie est bonne même si par momment on divague sur d’autres principes pas forcement en relation avec l’apprentissage en cours qui peuvent nuire à la compréhesion du sujet abordé.
CHRISTOPHE G.
03/04/24
4 / 5

Formateur très compétant et agréable. Contenu riche en découverte qui donne envie d’approfondir !


Afficher plus de commentaires


Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance