Angular, développement avancé
Depuis plus de 46 ans, ORSYS accompagne les entreprises et les organisations en les aidant à améliorer leurs performances et à réussir leurs transformations digitale, managériale, commerciale et organisationnelle. Au moyen d’une offre multimodale et actualisée en permanence qui repose sur 2 300 formations à travers 40 domaines d’expertise, dispensée en inter ou intra entreprise, en présentiel ou en classe à distance.
En complément, une bibliothèque de 600 modules e-learning est disponible.
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érequisBonnes connaissances du framework d…
Il n'y a pour le moment aucune question fréquente sur ce produit. Si vous avez besoin d'aide ou une question, contactez notre équipe support.
Depuis plus de 46 ans, ORSYS accompagne les entreprises et les organisations en les aidant à améliorer leurs performances et à réussir leurs transformations digitale, managériale, commerciale et organisationnelle. Au moyen d’une offre multimodale et actualisée en permanence qui repose sur 2 300 formations à travers 40 domaines d’expertise, dispensée en inter ou intra entreprise, en présentiel ou en classe à distance.
En complément, une bibliothèque de 600 modules e-learning est disponible.
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érequisBonnes 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.
Il n'y a pour le moment aucune question fréquente sur ce produit. Si vous avez besoin d'aide ou une question, contactez notre équipe support.

