Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > Frameworks > Angular, développement avancé

Angular, développement avancé

angular

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

  • 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

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

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.

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.