Le framework AngularJS, créé par Google, vous permet d’obtenir des applications avec un environnement extraordinairement expressif, lisible et rapide à développer.Cette formation vous permet de comprendre la puissance de ce framwork et de l’utiliser dans vos applications.

Public

Développeurs, Chef de projet, Webmaster

Prérequis

HTML, CSS, Connaissance de Javascript

Durée

3 jours

Programme

  • 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.