[wpms_breadcrumb reverse="0"]
Formation numérique - Framework et PHP

AngularJS, développement avancé

Reference : ORSGUL
2 jours - 1470 € HT
Prochaines sessions
  • Le 16/12/2019
AngularJS, développement avancé
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

Public visé
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.