Prérequis
Connaissance d’Angular
Durée
3 jours
Contenu Technique de la Formation
Cette formation est destinée aux développeurs Angular souhaitant optimiser leurs applications :
- Développeurs Angular avec expérience souhaitant améliorer les performances
- Équipes front-end cherchant à appliquer les best practices Angular
- Architectes souhaitant optimiser la taille du bundle et les temps de chargement
Objectifs de la Formation
Les compétences visées par la formation sont les suivantes :
- Identifier et résoudre les problèmes de performances dans les applications Angular
- Appliquer les meilleures pratiques de développement pour améliorer la vitesse de chargement et l'exécution
- Utiliser les outils et techniques d'optimisation fournis par Angular et les navigateurs
- Mettre en œuvre le Lazy Loading et d'autres techniques de chargement de modules pour réduire le temps de démarrage
- Optimiser la détection de changements pour minimiser les rendus inutiles
- Réduire la taille du bundle final et améliorer le temps de chargement initial
Table des Matières
Analyse et Optimisation du Chargement
- Utilisation d'Angular DevTools et outils de profilage navigateur
- Techniques de Lazy Loading et stratégies de préchargement
- Réduction de la taille du bundle : Webpack Bundle Analyzer, tree-shaking, minification
Optimisation de la Détection de Changements
- Comprendre la détection de changements dans Angular
- Stratégies OnPush et détachement manuel pour réduire les cycles
- Optimisation des templates : best practices pour les pipes et directives
Gestion des Données et Caching
- Techniques pour réduire les souscriptions et éviter les fuites mémoire
- Optimisation des observables et opérateurs RxJS
- Stratégies de caching et introduction au state management
Atelier : Audit et Optimisation
- Audit complet d'une application Angular existante
- Application des techniques d'optimisation sur un cas réel
En Pratique
- Les exercices proposés lors des formations sont centrés sur chaque concept présenté durant la formation. Les exercices abordent les concepts et la difficulté de façon progressive. A la fin de la formation, un exercice récapitulatif d’intégration des concepts est proposé aux participants.
- Mise en œuvre du Lazy Loading pour les modules d'une application de gestion de contenu
- Optimisation d'un dashboard d'administration avec la stratégie de détection de changements OnPush
- Réduction de la taille du bundle d'une application e-commerce et analyse de l'impact sur le temps de chargement
- Implémentation d'un service de caching pour les résultats d'API les plus fréquemment demandés
Modalités et Inscription
Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :
Session régulière
Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.
Sur mesure & intra-entreprise
Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.