Formation AngularJS, développement avancé
de la conception à l'analyse des performances
- Programme
- Participants / Prérequis
- Intra / sur-mesure
-
Cette formation vous permettra d'approfondir votre connaissance des mécanismes internes d'AngularJS. Vous apprendrez à organiser vos développements depuis les tests jusqu'à l'optimisation des applications tout en mettant en œuvre de bonnes pratiques. Vous développerez également des composants métiers personnalisés.
Objectifs pédagogiques
- Appréhender AngularJS en profondeur
- Devancer les besoins conceptuels
- Savoir développer et gérer des composants métiers
- Optimiser une application AngularJS
Travaux pratiques
Méthodes pédagogiques
"Best Practices" et rappels
- Ecosystème Front-End autour d'AngularJS. Rappels des composants essentiels.
- AnuglarsJS Coding Style Guide. Quels plug-ins pour votre IDE ?
- Mise en œuvre du workflow AngularJs avec nodejs, Yo, Grunt.
- Bonnes pratiques. Production : RequireJS, Browserify ou concaténation. (ngAnnotate).
- "Test Driven Development" avec Jasmine et Karma.
- Services natifs : interception et décoration.
Travaux pratiques
Intégration d'une structure d'application, rédiger des services en conformité avec les tests.
Maîtriser les directives et la "compilation" AngularJS
- Le "Dirty Checking" AngularJS détection des changements : $watch.
- $digest, $compile, comprendre le cycle de digestion.
- Expressions AngularJS : $eval et $parse.
- Options avancées : require, controllerAs, bindToController, terminal.
- Ensembles de directives inter-dépendantes.
- Gérer le cache des templates : $templateCache.
Travaux pratiques
Organiser vos directives en ensembles de composants réutilisables et distribuables.
Utiliser et écrire des composants avancés
- De la directive au composant distribuable.
- AngularUI. Principaux modules complémentaires.
- UI-Utils, les outils indispensables. Intégrer ngTranslate. UI-Bootstrap.
- UI-Router, gestion de routes avancées.
- Famille de composants métiers personnalisés.
Travaux pratiques
Développer des composants dépendants de services asynchrones.
AngularJS : optimisation des développements
- Nomenclature et évaluation du code. Minification et gestion des scripts.
- Astuces programmatiques. Utilisation de $log et $exceptionHandler.
- Performances : bindOnce, préfixe "::", $scope.$apply versus to $scope.$digest.
- Guide des bonnes pratiques. Configuration dynamique des routes.
- Chargement des contrôleurs et modules à l'exécution : "On Demand".
- Déboguer une application AngularJS.
Démonstration
Analyser et améliorer les performances de votre application AngularJS.
» Participants
» Prérequis
| Julien S. 01/10/2018 |
5 / 5
|
| Sébastien C. 01/10/2018 |
5 / 5
|
Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.










