TRA Travailleurs

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

icone de date ligne courbe
icone de date ligne courbe

Début de la formation

icone de cible

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
image public cible

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.

image point fort

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
image ligne principale image ligne secondaire
icone d'euro ligne courbe

Prix de la formation

Personne de contact

Magali Gerard

Magali Gerard

Assistante administrative Entreprises

+32 71 25 49 60 entreprise@technofuturtic.be