[wpms_breadcrumb reverse="0"]
Formation numérique

AngularJS, maîtriser le Framework JavaScript de Google

Reference : IM20
3 jours - 2030 € HT
Prochaines sessions
  • Le 02/09/2019
  • Le 04/11/2019
AngularJS, maîtriser le Framework JavaScript de Google
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

Pré requis

  • Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.

Modalités pédagogiques

Cours dispensé en mode présentiel avec une alternance d’apports théoriques et méthodologiques, et de mises en situations pratiques

Inscription

Programmes de AngularJS, maîtriser le Framework JavaScript de Google

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.