Formation numérique
AngularJS, maîtriser le Framework JavaScript de Google
Reference : IM20

3
jours - 2 090 € € HT Télécharger la fiche
Prochaines sessions

Objectifs
- Développer des applications Web performantes avec AngularJS
- Maîtriser les fonctionnalités clés du framework (filtres, contrôleurs, routes, templates…)
- Intégrer AngularJS dans une architecture orientée REST
- Intégrer des tests automatisés
Pré requis
- Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.
Modalités et délais d’accès
Bulletin d'inscription à retourner complété
Public visé
Pré-inscription
Architectes, développeurs et chefs de projets Web
Programmes de AngularJS, maîtriser le Framework JavaScript de Google
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.
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.
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.
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.
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 ».
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.
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.
Bonnes pratiques et outils
- Yeoman, optimisation du développement.
- Internationalisation (I18N), mise en oeuvre.