Développement Web avec Angular JS

AngularJS simplifie la syntaxe JavaScript, et comble ses faiblesses en lui ajoutant de nouvelles fonctionnalités. Il facilite ainsi la réalisation d'applications web SPA en tirant parti des navigateurs modernes.

Objectifs :

Cette formation vous permettra d'acquérir les compétences nécessaires pour utiliser AngularJS et développer des SPA / RIA, à l'issue de la formation, vous serez en mesure :
  • De comprendre comment architecturer une SPA avec AngularJS.
  • De comprendre le Design Pattern MVVM (Model View ViewdModel).
  • De maîtriser les directives, Filtres et Data-Binding bi-directionnel.
  • De comprendre la notion du Scope, Models, Controllers et Views.
  • D'écrire des Modules, Routes, Services et Factories.
Publics
Développeurs front, Architectes front.
 
Taille du groupe ≤ 10 pers.
Durée

2 jours.


70% de pratique,
30% de cours.
Pré-requis

Connaissances en JavaScript et développement web.

Contenu pédagogique :

Introduction

  • Motivations : développement d’applications SPA / RIA
    1. Manipulation DOM , Gestion de l’historique, Chargement des modules, Routage, Cache, Ajax/Promises, Data-Binding
  • Les alternatives
    1. EmberJS, KnockoutJS , BackboneJS
  • Design Pattern : MVVM (Model View ViewModel)
  • Concepts, architecture et fonctionnalités
  • Ce qu’il faut retenir

Outillage

  • Editeur de texte: Sublime Text
  • Yeoman + Grunt
  • Node + NPM
  • Pluging AngularJS pour Google Chrome

Installation et découverte

  • Génération d’un projet Angular JS
  • Création d’une application « Hello World »

Les controleurs

  • Fonctionnement
  • Comprendre la portée avec le « »

Les vues

  • Utilisation des contrôleurs dans les vues
  • Les directives built-in
  • Les « Expressions Binding »
  • Les filtres built-in
  • Création de filtre personnalisés
  • Inclusion des templates
  • Templates « Inline »

Le routage

  • Mono-page, multi-vues
  • Configuration avec
  • Concept de « Deep-linking »
  • Paramètres de l’URL
  • Concept de deep-linking
  • Gestion de l’historique

Les formulaires

  • Utilisation des composants du formulaire
  • Validation des données
  • Traitement des formulaires

Les directives

  • Fonctionnement, attributs, widgets

Les échanges avec le serveur

  • Les appels AJAX avec le service
  • Les services REST avec la factory

Les promises

  • Fonctionnement et utilisation des promises
  • Enchainement des tâches

Les modules

  • Création et configuration de modules
  • Méthodes de création de services: factory(), service(), prodiver() et value()
  • Partage de services entre applications

Test unitaires et d’intégration

  • Test unitaire BDD avec Jasmine et Karma
  • Test fonctionnels avec ScenarioRunner
  • Test des contrôleurs et services
  • Créer des objets « Mocks » pour les tests en isolation
  • Injection des dépendances
  • Service

Annexes

  • Démarrer manuellement une application VS « Bootstrap » automatique
  • L’injection de dépendances
  • Exécution du code avec ()
  • Gestion d’évènements personnalisés avec .on(), .emit() et .broadcast()

Conclusion

  • Bonnes pratiques et retours d’expériences
  • A retenir (les + et les -)
  • Quelques liens