Description
Objectif de formation : AngularJS vous permettra de structurer et simplifier le développement de vos applications riches côté client.
Objectifs pédagogiques
- Appréhender le framework dans ses éléments les plus avancés
- Comprendre le rôle et les forces du framework
- Maîtriser l'ensemble des outils d'AngularJS pour la réalisation d'apps Web
Public concerné
Architectes
Développeurs
Ingénieurs
Prérequis
Bases solides en Javascript et en développement Web
Déroulé du programme
1
Introduction (rappels)
- Data binding bidirectionnel
- Pattern MVVM
- HTML5 & le framework
- Javascript & le framework (fonctions et callbacks)
- Architecture & outils
- Intégration de la librairie
- Binding
- Utilisation des expressions
- Fonctionnement des contrôleurs
- Modèle & contexte
- Classification des contextes
- Création des contextes
2
Vues, moteur de template & binding
- Utilisation des contrôleurs dans les vues
- Directives : affichage, champs de saisie, répétitions et actions utilisateur
- Langage d’expressions & syntaxe
- Appel des méthodes et utilisation de filtres
- Inclusion de templates
- Templates “inline”
3
Debugger
- Méthodes de l’objet Angular
- Utilisation de Batarang
- Interception des exceptions avec $exceptionHandler
4
Tests sous AngularJS
- Tests unitaires : Jasmine & Testacular
- Tests fonctionnels avec ScenarioRunner
- Tests des contrôleurs et services
- Tests en isolation céation : objets mocks
- Injection de dépendances
- Service $httpBackend
5
Fonctionnement interne
- DOM as a template
- Mise à jour des templates
- Exécution du code $apply(…)
6
Routage & application mono-page multi-vues
- Paramétrage du routage
- Notion de deep-linking
- Configuration de l’URL
- Hash-bang URIs
- Déploiement des traitements au préalable du chargement d’une vue
- Gestion de l’historique de navigation & accès aux paramètres de l’URL
- Préparation de l’affichage d’une vue
7
Formulaires
- Composants de formulaire
- Validation des données du formulaire et champs de saisie
- Traitement des formulaires
8
Serveur et architecture REST
- Services $http, (intercepteurs de réponse, appels Ajax)
- Services $resource pour API de type “REST”
- “Server-Sent Events” ou “WebSocket”
9
L’API de “promise”
- Mise à jour asynchrone
- Fonctionnement des promises
- Utilisation des promises (binding des templates et $http)
- Enchaînement des tâches en élaborant ou en assemblant des promises
10
Application, modules et services
- Création & configuration d'un module
- Module par défaut
- Démarrage (bootstrap) automatique ou manuel d'une application
- Directive ng-init
- Utilisation de modules pour le partage des services entre applications
- Application as a service
- Injection de dépendances
- Méthodes de création d'un service (factory(), service(), provider(), value()...)
- Minimisation du code JS
- Configuration des services
- Service $injector
11
Filtres du framework
- Utilisation de filtres simple
- Combinaison de filtres
- Filtrage paramétré
- Création de filtres
- Filtrer dans la vue ou dans le contrôleur
12
Découverte des directives
- Fonctionnement & compilation des directives
- Transformation en listeners et watchers
- Priorités
- Fonctions “compile”, “preLink” et “postLink”
- Directives avec template, transclusion et isolation du contexte
- Utilisation des attributs dans les directives
- Contrôleur élaboré et partagé par des directives
- Création de composants réutilisables sous forme de widgets
13
Best practices
- Approche “dirty checking”
- Choix d’un $watch, un filtre, ou une méthode du $scope
- Séparation du code métier et du code de présentation
- Comportement à bannir dans un contrôleur
14
AngularJS & architectures web modernes
- Architecture REST
- Web mobile
- Stockage local & mode déconnecté
15
Ouverture
- Yeoman : industrialisation du développement
- Optimisation des ressources
- Simplification des styles CSS avec un préprocesseur
Informations
Durée
3 jour(s)
21h
Tarif
1850 € HT
HT
