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 2+ - Développements avancés

Angular 2+ - Développements avancés

Maitriser les fonctionnalités avancées d'Angular 2/4/5

Framework dédié au développement d’applications web et mobiles, Angular fournit nativement tous les éléments nécessaires pour réaliser des développements complets. Parce qu’il permet de créer des applications responsive, agréables et fluides, s’exécutant rapidement et pouvant intégrer des interfaces graphiques complexes, Angular est très apprécié des développeurs. Mais pour tirer pleinement parti du framework considéré par certains comme le plus polyvalent et le plus complet actuellement, il convient d’en maîtriser les fonctionnalités les plus avancées. C’est précisément l’objet de cette formation. Les participants y apprendront notamment à optimiser leurs applications et à en améliorer la fiabilité et les performances. Ils comprendront également comment développer des Progressive WebApps.

Objectifs

  • Comprendre le fonctionnement interne d'Angular
  • Être capable d'étudier les possibilités avancées du framework
  • Apprendre à déployer des applications optimisées
  • Comprendre comment développer des Progressive WebApps

Public

  • Chefs de projets
  • Développeurs

Prérequis

  • Avoir suivi la formation "Angular 2+ - Développement d'applications Web" ou connaissances équivalentes

Programme de la formation

Mécanismes internes d’Angular

  • Fonctionnement du change détection
  • Les Zones
  • Retour sur RxJS
  • Utilisation de RxJS dans les services
  • Gestion des modules et lazy loading

Les tests

  • L’infrastructure de test : Jasmine, Karma et Protactor
  • Tests de composants
  • Tests et injection de dépendances
  • Tests et routage
  • Tests et code asynchrone
  • Tests et appels Http

Routage avancé

  • Configuration du routage et modules de routage
  • Stratégies de routage
  • Route Guards
  • Paramètres optionnels

Composants avancés

  • Les différents types d’interaction entre composants
  • Cycle de vie des composants et lifecycle hooks
  • Création de directives d’attribut
  • Création de directives de structure
  • Création dynamique de composants
  • Pipes asynchrones
  • Introduction à l’animation
  • Internationalisation

Formulaires avancés

  • Création de validateurs
  • Select : ngValue, compareWith, sélection multiple
  • Relation inter-champs
  • L’option "updateOn"
  • Formulaires dynamiques

Échanges serveur

  • WebSocket
  • Sécurisation
  • Interception des échanges
  • Suivre l’avancement des requêtes

Améliorer les performances

  • La stratégie OnPush
  • Mutabilité et immutabilité
  • Désactivation du "change detection"
  • L’option trackBy de la directive ngFor
  • Optimiser la taille des livrables : la compilation AoT
  • Réduire les temps de chargement : le chargement différé des modules
  • Présentation d’Angular Universal

PWA

  • Principes des Progressive WebApps
  • Importance du mode déconnecté
  • L’API ServiceWorkers

Les + de cette formation

  • Une pédagogie rythmée et variée fondée sur une alternance d'apports méthodologiques, d'ateliers pratiques et de phases d'échanges.
  • Des ateliers qui apportent aux participants une expérience concrète du développement avancé avec Angular 2+.
  • Des experts du framework qui partagent leurs trucs et astuces pour développer plus rapidement.
  • Angular 2+ correspond à toutes le versions successives d'Angular, soit de la version 2 à la version 7 a ce jour.