Développement web avec Angular

Objectifs

• Comprendre les principes de AngularJS
• Utiliser les bonnes pratiques de développement

Programme

Introduction

• Historique rapide
• Panorama rapide

Principes généraux

• Pattern MV*
• Data-binding bi-directionnel
• Avantages et inconvénients
• Installation et découverte
• Application « Hello world! »

Modèle, vues et contrôleurs

• Le modèles
• Les vues : templates
• Les vues : expression
• Les vues : directives
• Les vues : filtres
• Les contrôleurs : fonctionnement
• Les contrôleurs : 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 Angular

• Les services natifs
• Les values et contants
• 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 Angular

• Tests unitaires : Karma, Jasmine
• Tests end-to-end (e2e) : Protractor
• Outils de debug ng-inspector