Rappels JavaScript
- Composants d'une application Web. HTML5 et CSS3.
- Outils de développement Web/JavaScript.
- Moteurs de rendu HTML et JavaScript. DOM, BOM.
- JavaScript rappels : prototypes, closures et callbacks.
- Rappels sur les concepts objet en JavaScript.
- Application Ajax orientée REST.
Exercice
Configuration de l'environnement.
Présentation du framework AngularJS
- AngularJS, positionnement : jQuery, ExtJS...
- Intégration. Compatibilité, versions, documentation.
- Fonctionnalités et principes généraux.
- Directives AngularsJS, compilateur HTML.
- Expressions. Data-Binding bidirectionnel. Filtres.
Exercice
Préparation d'une maquette HTML pour développer avec AngularJS.
Contrôleurs et gestion des scopes
- Création et utilisation des contrôleurs.
- Gestion du contexte, la variable $scope.
- Propagation des événements. API. Dirty Checking.
- Traitement et validation des formulaires.
Exercice
Intégration des contrôleurs.
Module et injection de dépendance
- Fonctionnalités de l'objet angular.
- Principe de l'injection de dépendance.
- Notion de module. Configuration.
- Découper son application.
Exercice
Modularisation de l'application.
Définition des routes
- Routing. API ($routeProvider). Le "deep linking".
- Historique et accès aux paramètres de l'URL.
- Utilisation de $location et $routeParams. Modes Hashbang et HTML5.
- Prétraitement des vues. Utilisation des "fragments".
Exercice
Création d'une "Single Page Application".
Fonctionnalité de données, Echange Serveur
- API ($provide, $injector). Création de provider.
- Les méthodes : Service, Factory, Provider, Value.
- Requête Ajax avec le service $http. Intégration REST avec le service $resource. WebSockets. API Promise.
- Intégration avec Node.js.
Exercice
Intégration REST avec Node.js.
Intégration des tests automatisés
- Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services... Utilisation avec Karma.
- End to End Testing : interface utilisateur.
Exercice
Création des tests unitaires.
Bonnes pratiques et outils
- Yeoman, optimisation du développement.
- Internationalisation (I18N), mise en oeuvre.
Démonstration
Mise en oeuvre.
3j
- 21h00 
