Formation ANGULAR JS Développement
Objectifs
Identifier les concepts fondamentaux d’AngularJS et les différences avec Angular.
Expliquer les principes des design patterns MVC, MVVM et MVW.
Utiliser Angular CLI pour créer et configurer un projet Angular.
Analyser les cycles de vie des composants et les événements associés.
Intégrer Angular dans une architecture REST et une programmation réactive.
Évaluer les performances des applications Angular en utilisant des tests automatisés.
Concevoir des composants réutilisables et des directives personnalisées.
Utiliser RxJS pour implémenter des fonctionnalités de programmation réactive.
Analyser les avantages et les inconvénients des différentes technologies de feuilles de style.
Déployer une application Angular en tant que Progressive Web Application (PWA).
Pré-requis
Participants
Programme de formation
INTRODUCTION
-
Historique et principes généraux
-
Pattern MV*, data-binding bi-directionnel
-
Avantages et inconvénients
-
Travaux pratiques
- Installation et découverte et développement application « Hello world! »
MODÈLES, VUES ET CONTRÔLEURS
-
Le modèle
-
Les vues
- Templates, expression, directives, filtres
-
Les contrôleurs
- Fonctionnement, le $scope
LES MODULES
-
Création et configuration
- Partage de services
-
Injection de dépendances
LE ROUTAGE
-
« Single page application »
-
Configuration, méthode
-
Configuration 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
- Ecriture 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 ANGULARJS
-
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 ANGULARJS
-
Tests unitaires
- Karma, Jasmine
-
Tests end-to-end (e2e) : Protractor
-
Outils de debug ng-inspector