Accueil > Domaines > Développement > Frameworks > Angular 2+ - Développements avancés

Angular 2+ - Développements avancés

Maîtriser 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.