Angular
Simplifiez le développement côté client grâce au framework Angular !
Développé et mis à disposition par Google, le framework Angular permet de structurer et simplifier le développement côté client en construisant des Single-Page Application (SPA). Ces applications sont plus réactives que les sites classiques, et améliorent la qualité des interactions avec les utilisateurs.
3
jours
Durée de la formation
Début de la formation
Objectifs de la formation
En suivant cette formation, le participant sera au final capable de :
- Comprendre le positionnement et l’origine du Framework
- Utiliser les composants du Framework
- Utiliser les contrôleurs
- Gérer les modules et les injections de dépendance
- Définir les routes
- Intégrer des tests automatisés
- Echanger des données entre client et serveur
Public de la formation
Cette formation s’adresse à toute personne souhaitant développer un front-end avec le Framework Angular.
Points forts de la formation
La formation aborde les différents outils du framework (utilisation de typescript, composants, templates, data binding, filtres, etc...) ainsi que l'intégration d'une application Angular avec une API REST.
Programme
de la formation
- Présentation du framework Angular
- Angular, positionnement : jQuery, ExtJS...
- Intégration. Compatibilité, versions, documentation
- Fonctionnalités et principes généraux
- Directives Angulars, 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 œuvre
Personne de contact
