Objectifs
Connaître les problématiques des Single Page Application (SPA).
Utiliser et définir des directives.
Gérer la navigation entre les vues et l’historique.
Savoir y répondre avec AngularJS.
Accéder au serveur depuis Angular.
Lier les composants et les modèles.
Prérequis
Avoir une connaissance pratique de JavaScript
.
Contenu du programme
Architecture d’une SPA :
- Rôles du client et du serveur
- Accès aux données par un service REST
- Angular côté client
- JSON au milieu
- Gestion de l’état applicatif
- Synchronisation des données
- Navigation dans une application mono-page
- Gestion des URL
Principes de base d’Angular :
- Model View Whatever : les types de MVC
- Le MVC à la mode Angular
- Bénéfices du Two Way Data Binding
- Injection de dépendances
Les directives en détail :
- Directives pré-définies
- Directives Custom
- Scope et cycle de vie
- Accès au DOM, événements et templates
- Transclusion
Angular partout ?
- Angular comparé aux autres frameworks MVC
- Modularité et applications multi-vues
- Angular UI
- Intégration d’Angular avec d’autres librairies
- Modularité d’Angular
- Les limites d’AngularJS
Figures imposées :
- Gestion des formulaires
- Angular Templates et expressions
- Navigation, hashbang et deeplinking
- Accès serveur simplifié
- Contrôleurs et modèles
- Décoration par les CSS
- Internationalisation
- Routage et gestion de l’historique
Particularités d’Angular :
- Processeur HTML
- Filtres
- Directives
- Scopes
- Modules
- Providers
- Services
Angular un framework testable :
- Tests unitaires avec Angular
- ngMock
- End to End testing
- Karma Test Runner
- Protractor