AngularJS

Objectifs

Cette formation vous permet d'identifier le fonctionnement d'une Single Page Application avec AngularJS, de créer vos propres directives et composants AngularJS, de créer une application synchronisée avec des formulaires.

Public

Développeurs front-end ou back-end et designers expérimentés souhaitant apprendre AngularJS.

Durée

21 heures en présentiel sur 3 jours

Pré-requis

Bonnes connaissances de JavaScript.

Formateur

Formateur expérimenté, développeur de site Web, et spécialiste du Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Les grands principes d'AngularJS

  • L'application Single Page
  • Le MVC avec AngularJS
  • L'injection de dépendance
  • Les services
  • Les limites de jQuery

Le Framework MVC par Google

  • Objectifs d'un controller
  • Le modèle et les données
  • Le scope du controller
  • Principe d'un template
  • Rôle d'une Directive
  • Les vues dynamiques

L'accès au serveur

  • Ajax et asynchrone
  • Principes Rest
  • Le service $http
  • Connexion aux web services

Les Formulaires avec AngularJS

  • Les éléments de formulaires
  • Utilisation du modèle
  • La sélection multiple
  • Validation du formulaire
  • Soumission du formulaire

Les Scopes

  • Définition et utilité des scopes
  • La hiérarchie des scopes
  • Créer un nouveau scope
  • Le cycle de vie des Scopes

La gestion des événements

  • Le pattern Observer
  • Les boucles d'observations
  • Two ways databinding
  • Observer les événements du DOM
  • Insertion des directives d'événements

Injection de dépendance

  • Le pattern d'injection de dépendance
  • Le moteur d'injection d'Angular
  • L'annotation $inject
  • Les champs utilisations de l'injection de dépendances

Les Services

  • Service stateful ou stateless
  • Découpage en couche
  • Création d'un Service
  • Définir les règles métiers

Création d'une Directive

  • Définition d'une Directive
  • Les différents types de Directive
  • Création d'une directive simple
  • Directive avancée avec compile() et link()

Le Javascript avec Angular

  • L'API basique d'Angular
  • L'API Promise
  • jQLite : jQuery simplifié pour Angular
  • La gestion des Erreurs

Tester son Application

  • Principe des tests unitaires
  • Les tests par comportement
  • Les objects Mocks
  • Simuler le serveur avec $httpBackend
  • Tests d'intégration

Concepts Avancés AngularJS

  • La modularité
  • Optimisation
  • Intégration dans une application Phonegap
  • Le projet Angular UI
  • Le Routage
  • Sécurité de l'Application
  • Les outils externes