Formation
Angular

: 3 jours

: Tarif détaillé dans la description

: Technobel - Ciney

: 3 jours

: Tarif détaillé dans la description

: Technobel - Ciney

Cette formation 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)

  •  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

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
Développement

Nous utilisons des cookies à des fins statistiques et pour faciliter la navigation et le partage social.

Continuer Plus d'informations