Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > Frameworks > AngularJS développement

AngularJS développement

angular-js

Objectifs

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

Public

  • Développeurs web
  • Architectes web
  • Chefs de projets
  • Webmestres

Prérequis

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

Programme de la formation

Introduction

  • Historique 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ôleurs

  • Le modèle. Les vues : templates,expression,directives,filtres
  • Les contrôleurs : fonctionnement,le $scope

Les modules

  • Cré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 formulaires

  • Lien entre ng-model et contrôleur. Validation, états des formulaires, gestion d'erreur.Types de champs, classes CSS, custom validation

Les directives et les filtres

  • Convention 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 scopes

  • Présentation du fonctionnement d'AngularJS. L'arbre des scopes,les méthodes de $rootscope.Les événements : diffusion et interception

Les services AngularJS

  • Les services natifs, les values et contants. Factory, Service et Provider

AJAX et REST

  • Le service « $http », le service « $resource ».L'API de promise

Aller plus loin

  • Bonnes pratiques.Internationalisation, angular-translate.L'interface, l'initialisation d'un projet

Tester une application AngularJS

  • Tests unitaires : Karma, Jasmine. Tests end-to-end (e2e) : Protractor.Outils de debug ng-inspector