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 |
Durée : 2h30
Méthodes pédagogiques : alternance de théorie et de travaux pratiques
Matériels et moyens : vidéo-projecteur en présentiel, tableau partagé en classe virtuelle, infrastructure distribuée serveurs Linux | 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 |
Durée : 1h30
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Le modèle. Les vues : templates,expression,directives,filtres
Les contrôleurs : fonctionnement,le $scope
|
|
| Les modules |
Durée : 1h30
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Création et configuration, partage de services. Injection de dépendances
|
|
| Le routage |
Durée : 1h30
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | « Single page application ». Configuration, méthode .config du module. Paramètres d'url, évènements de routage
|
|
| Les formulaires |
Durée : 1h30
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | 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 |
Durée : 1h
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | 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 |
Durée : 1h
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Présentation du fonctionnement d'AngularJS. L'arbre des scopes,les méthodes de $rootscope. Les événements : diffusion et interception
|
|
| Les services AngularJS |
Durée : 1h
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Les services natifs, les values et contents. Factory, Service et Provider
|
|
| AJAX et REST |
Durée : 1h
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Le service « $http », le service « $resource ». L'API de promise
|
|
| Aller plus loin |
Durée : 1h
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Bonnes pratiques. Internationalisation, angular-translate. L'interface, l'initialisation d'un projet
|
|
| Tester une application AngularJS |
Durée : 1h
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Tests unitaires : Karma, Jasmine. Tests end-to-end (e2e) : Protractor. Outils de debug ng-inspector
|
