Angular, développement avancé
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 21/11/2022. Dernière mise à jour le 31/08/2023.
Version du programme : 3
Programme de la formation
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 de la formation
- 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
Profil des bénéficiaires
Pour qui
- 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.
Contenu 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.
-
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.
-
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.
-
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.
-
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.
-
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.
Équipe pédagogique
Nos formations sont animées par des experts reconnus dans leur domaine possédant une expérience sur le terrain significative et des compétences pédagogiques reconnues.
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence.
- Questions orales ou écrites (QCM).
- Mises en situation.
- Formulaires d'évaluation de la formation.
- Certificat de réalisation de l’action de formation.
Ressources techniques et pédagogiques
- Accueil des apprenants dans une salle dédiée à la formation.
- Documents supports de formation projetés.
- Exposés théoriques
- Etude de cas concrets
- Quiz en salle
- Mise à disposition en ligne de documents supports à la suite de la formation.
Qualité et satisfaction
Merci de consulter notre site internet.
Modalités de certification
Résultats attendus à l'issue de la formation
- Attestation de fin de formation
Détails sur la certification
- Voir le catalogue de formation
Délai d'accès
2 semaines
Accessibilité
Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation.