Formation : Angular JS développement

Durée3 jours
Prix 1700 €
Code coursRS110
Dates 14 au 16 octobre

classe virtuelle
(cliquez sur une date pour vous inscrire)

Public:

Développeurs web, architectes web, chefs de projets, webmestres

Objectifs:

Comprendre les principes de AngularJS, savoir développer une application web et utiliser les bonnes pratiques de développement.

Connaissances préalables nécessaires:

Très bonne pratique du langage Javascript. Connaissance des fondamentaux internet et HTML

Programme détaillé de la formation


( logo acroreadTéléchargez le programme) :
IntroductionHistorique et principes généraux. Pattern MV*, data-binding bi-directionnel.Avantages et inconvénients
Travaux pratiques: installation et découverte.Développement application « Hello world! »
Modèles, vues et contrôleursLe modèle. Les vues : templates,expression,directives,filtres
Les contrôleurs : fonctionnement,le $scope
Les modulesCréation et configuration, partage de services.Injection de dépendances
Le routage« Single page application ». Configuration, méthode .config du module.Paramètres d'url, evénements de routage
Les formulairesLien entre ng-model et contrôleur. Validation, états des formulaires, gestion d'erreur.Types de champs, classes CSS, custom validation
Les directives et les filtresConvention de nommage, écriture normalisée. Types de composants, directives de templates
Options de configuration, transclude, scope, cycle de vie. Fonctions compile et link, créer ses propres filtres
Cycles de vie et scopesPrésentation du fonctionnement d'AngularJS. L'arbre des scopes,les méthodes de $rootscope.Les événements : diffusion et interception
Les services AngularJSLes services natifs, les values et contants. Factory, Service et Provider
AJAX et RESTLe service « $http », le service « $resource ».L'API de promise
Aller plus loinBonnes pratiques.Internationalisation, angular-translate.L'interface, l'initialisation d'un projet
Tester une application AngularJSTests unitaires : Karma, Jasmine. Tests end-to-end (e2e) : Protractor.Outils de debug ng-inspector