Comprendre les principes de AngularJS, savoir développer une application web et utiliser les bonnes pratiques de développement.
Très bonne pratique du langage Javascript. Connaissance des fondamentaux internet et HTML
|
| Introduction |
| Historique et principes généraux. Pattern MV*, data-binding bi-directionnel. Avantages et inconvénients Atelier : installation et découverte. Développement application « Hello world! »
|
|
| Modèles, vues et contrôleurs |
Le modèle. Les vues : templates,expression,directives,filtres
Les contrôleurs : fonctionnement,le $scope
|
|
| Les modules |
Création et configuration, partage de services. Injection de dépendances
|
|
| Le routage |
« Single page application ». Configuration, méthode .config du module. Paramètres d'url, évènements de routage
|
|
| Les formulaires |
Lien entre ng-model et contrôleur. Validation, états des formulaires, gestion d'erreur. Types de champs, classes CSS, custom validation
|
|
| Les directives et les filtres |
Convention de nommage, écriture normalisée. Types de composants, directives de templates
Options de configuration, transclude, scope, cycle de vie. Fonctions compile et link, créer ses propres filtres
|
|
| Cycles de vie et scopes |
Présentation du fonctionnement d'AngularJS. L'arbre des scopes,les méthodes de $rootscope. Les événements : diffusion et interception
|
|
| Les services AngularJS |
Les services natifs, les values et contents. Factory, Service et Provider
|
|
| AJAX et REST |
Le service « $http », le service « $resource ». L'API de promise
|
|
| Aller plus loin |
Bonnes pratiques. Internationalisation, angular-translate. L'interface, l'initialisation d'un projet
|
|
| Tester une application AngularJS |
Tests unitaires : Karma, Jasmine. Tests end-to-end (e2e) : Protractor. Outils de debug ng-inspector
|
Téléchargez le programme) :
