Formation 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
Participants
  • Architecte
  • Développeur
Approche Pédagogique
  • Quiz
  • Etudes de cas
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB56

Dates de Formations

21 et 22 Mai 2019

23 et 24 Juil. 2019

17 et 18 Sept. 2019

21 et 22 Nov. 2019

Programme
  • 1/ "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
  • 2/ 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
  • 3/ 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
  • 4/ 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