Formation numérique - Framework et PHP
AngularJS, développement avancé
Reference : IM26


Prochaines sessions

Objectifs
- Appréhender AngularJS en profondeur
- Devancer les besoins conceptuels
- Savoir développer et gérer des composants métiers
- Optimiser une application AngularJS
Pré requis
- Connaissances pratiques du framework AngularJS et des outils modernes du développement Front-End (Bower, Grunt, Framework CSS…)
- Bonnes connaissances JavaScript et des Patterns Objets.
Modalités pédagogiques
Cours dispensé en mode présentiel avec une alternance d’apports théoriques et méthodologiques, et de mises en situations pratiques
Certification
Certifiante
Public visé
Tout public
Inscription
Programmes de AngularJS, développement avancé
« Best Pratices » et rappels
- Ecosystème Front-End autour d’AngularJS. Rappels des composants essentiels.
- AnuglarsJS Coding Style Guide. Quels plugins pour votre IDE ?
- Mise en oeuvre 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.
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.
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.
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.