Angular

Cette formation organisée par TechnoBel concerne le framework Angular, développé et mis à disposition par Google. Il 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.

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.

Cette formation est accessible gratuitement pour les membres des Commissions paritaires 200 (notre partenaire Cefora) ; 329.02 et 329.03 (notre partenaire Fonds 4S). Retrouvez les informations relatives à l’obtention de chèques-formations sur le site du Forem.

Les objectifs de cette formation sont :

• 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

Table des matières

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

S’inscrire