(+33)1 55 60 76 72

AngularJS

Accueil » Formations » Front / Mobile » AngularJS

AngularJS est un framework Javascript porté par Google qui permet de réaliser des Single Page Applications (SPA). AngularJS offre les outils pour développer du code bien organisé, modulaire, basé sur l'injection de dépendances et prêt pour les tests unitaires (avec Jasmine par exemple). Ses fonctionnalités techniques portent sur le data-binding bi-directionnel, l'utilisation de templates, la consommation de services REST et l'extension du HTML.
Pour tester vos connaissances sur AngularJS (avant ou après cette formation), c'est ici : Quizz AngularJS

1700 € HT 3 jours DW-ANG

Développer une application web avec AngularJS

Programme

Introduction

  • Historique rapide
  • Panorama rapide

Principes généraux

  • Pattern MV*
  • Data-binding bi-directionnel
  • Avantages et inconvénients
  • Installation et découverte
  • Application “Hello world!”

Modèle, vues et contrôleurs

  • Le modèles
  • Les vues : templates
  • Les vues : expression
  • Les vues : directives
  • Les vues : filtres
  • Les contrôleurs : fonctionnement
  • Les contrôleurs : 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
  • Évé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 Angular

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

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

 

Cours donné sur la version 1.5.x pour Angular2 voir le programme suivant