Accueil / Développer avec AngularJS
Développer avec AngularJS
Durée : 3 jours
Tarif Inter : 1600 €
Tarif sur mesure : Nous consulter
Référence : 3DAJ
Programme
Public & Pré-requis
Organisation
Présentation
Angular est un framework MVC / MVVM côté client, développé en JavaScript.
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
Programme
-
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