Développer avec AngularJS

Apprendre à programmer une application web avec AngularJS.


Plan de cours

  1. Introduction
    • Présentations
    • Prérequis
    • Objectifs et déroulement de la formation
  2. Présentation d'Angular
    • Philosophie du framework, concept de SPA
    • Le modèle MVVM
    • La programmation déclarative
  3. Modèle, Vue et Contrôleur
    • Séparation Modèle et Vue
    • Le $scope, le ViewModel
    • Les expressions
    • Data binding bi-directionnel
    • Présentations des directives principales d'Angular
    • Interactions entre la vue et le contrôleur
  4. Fonctionnement d'Angular
    • 'Compilation' des templates
    • Mécanisme de watchers
    • $rootScope, $digest et $apply
    • Notions principales : Directive, Contrôleur, Service & Filtre
    • Modification du DOM par les directives
    • Directives et sémantique de la vue
  5. Modules et injection de dépendance
    • Intérêts de l'injection de dépendances
    • Déclaration et utilisation des modules
    • Injection de dépendances dans le contrôleur
  6. Services
    • Différence entre service et contrôleur
    • Séparer code métier et aspect cosmétique
    • Déclaration d'un service
    • Différence entre service et factory
    • Déclaration d'une constante
  7. Routeur
    • Le module ng-route
    • Déclaration des routes via routeProvider
    • Routes paramétrées, $routeParams
    • Le service $location
    • Autres routeurs disponibles
  8. Filtres
    • Filtres standards Angular
    • Filtrage de listes dans le ng-repeat
    • Créer son propre filtre
  9. Validation de formulaires
    • La validation en HTML5
    • Types et contraintes sur les champs
    • Validation dynamique, en CSS et JS
    • Validation avancée avec ngModelOption
    • Validateurs personnalisés
  10. Échanges avec les serveurs
    • Le service $http
  11. Interaction avec un serveur REST
    • Accès aux services via $resource
    • Interaction avec la ressource
    • Configuration, gestion du cache
    • Directives d’importation de fichier
  12. Gestion de l'authentification
    • resolve dans le routeur
    • Passage de tokens dans le header des requêtes
    • Service d'authentification centralisé
    • Gestion des droits
  13. Directives personnalisées
    • Déclaration d'une directive
    • Types de directives
    • Scope isolé ou non
    • La fonction $link
    • Directives avancées
    • Transclusion
  14. TP : Gestion CRUD de données
    • Connexion à un service REST
    • Liste et vue détaillée d'un élément
    • Difficultés liées à l'asynchrone
    • Ajout d'un filtre de mise en forme
    • Permettre la modification d'un élément
  15. TP : Gestion CRUD de données (suite)
    • Problème de validation avec le 2-way data binding
    • Copie et mise à jour de l'élément
    • Création d'un nouvel objet
    • Intégration dans une web app
  16. Conseils
    • Bonnes pratiques
    • Pièges à éviter
    • Maîtriser ses outils
    • Gestionnaire de version
    • Conseils pour vos projets
  17. Conclusion
    • Bonnes pratiques
    • Outils de debug
    • Librairies utiles (animation, internationalisation)
    • Liens et références
    • Angular 2.0
  18. Ouvertures
    • Langages alternatifs (ES6, Typescript)
    • Préparation pour une migration vers Angular 2
    • Autres framworks alternatifs (React, Flux/Redux, Aurelia...)

Code formation & Durée

FAF450 - 3 jours

Public

Développeurs et chefs de projet web.

Pré-requis

Connaitre l’environnement web, le HTML et le langage de programmation Javascript.

Modalité pédagogique

Apport théorique et mise en pratique.

Téléchargement