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