Angular, développement avancé

Niveau
Durée totale

Angular, développement avancé

ORSYS
Logo ORSYS

Astuce: besoin de plus d'informations sur la formation? Téléchargez la brochure!

Dates et lieux de début
Il n'y a pas de dates de débuts connues pour ce produit.

Description

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…

Lisez la description complète ici

Foire aux questions (FAQ)

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.

Vous n'avez pas trouvé ce que vous cherchiez ? Voir aussi : Angular, Développeur / Developer, Créer son site web, Open-Source et Unified Modeling Language (UML).

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.

Rester à jour sur les nouveaux avi
Pas encore d'avis.
Partagez vos avis
Avez-vous participé à formation? Partagez votre expérience et aider d'autres personnes à faire le bon choix. Pour vous remercier, nous donnerons 1,00 € à la fondation Stichting Edukans.

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.

Recevoir une brochure d'information (gratuit)

(optionnel)
(optionnel)
(optionnel)
(optionnel)
(optionnel)

Vous avez des questions?

(optionnel)
Nous conservons vos données personnelles dans le but de vous accompagner par email ou téléphone.
Vous pouvez trouver plus d'informations sur : Politique de confidentialité.