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 > Réseaux & Télécoms > Développer une application web avec AngularJS

Développer une application web avec AngularJS

angular-js

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.

Objectifs

  • Comprendre les principes de AngularJS
  • Utiliser les bonnes pratiques de développement

Public

  • Ingénieurs

Prérequis

  • Très bonne pratique du langage JavaScript
  • Connaissances des fondamentaux Internet et HTML

Programme de la formation

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