Formation : Angular, développement avancé

Angular, développement avancé

4,3 / 5

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 : 2120 € H.T.

3j - 21h00

Pauses-café et
déjeuners offerts

Dates, lieux et Inscription

Nous contacter

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

Solutions de financement

Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.

Il vous aidera à choisir parmi les solutions suivantes :

Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
Le dispositif FNE-Formation.
L’OPCO (opérateurs de compétences) de votre entreprise.
France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.

Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
Le dispositif FNE-Formation.
L’OPCO (opérateurs de compétences) de votre entreprise.
France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.

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.

LAURE P.

13/11/24

5 / 5

Très dense pour creuser des points moins connus. Très bonne pédagogie et écoute de toutes les questions, de bons échanges.

BENJAMIN P.

13/11/24

4 / 5

Exhaustif, vivant, certains exercices mériteraient plus de cadrage.

JULIAN S.

18/09/24

4 / 5

Pour le support, il n’est pas a jour en rapport avec le cours donnée.Certaine personne n’avais pas le niveau pour cette formation, ce qui a grandement ralenti la formation.Le formateur a donc du adapté la formation au niveau de la classe.Je m’attendais a une formation vraiment plus poussée sur Angular.

Afficher plus d’avis clients

Horaires

En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.

En classe à distance, la formation démarre à partir de 9h.

Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

Dates et lieux

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

Classe à distance