AngularJS - Mise en oeuvre avancée
Formation créée le 04/01/2023. Dernière mise à jour le 17/03/2023.
Version du programme : 1
Programme de la formation
Objectif de formation : AngularJS vous permettra de structurer et simplifier le développement de vos applications riches côté client.
Objectifs de la formation
- 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
Profil des bénéficiaires
Pour qui
- Architectes
- Développeurs
- Ingénieurs
Prérequis
- Bases solides en Javascript et en développement Web
Contenu de la formation
-
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
-
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”
-
Debugger
- Méthodes de l’objet Angular
- Utilisation de Batarang
- Interception des exceptions avec $exceptionHandler
-
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
-
Fonctionnement interne
- DOM as a template
- Mise à jour des templates
- Exécution du code $apply(…)
-
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
-
Formulaires
- Composants de formulaire
- Validation des données du formulaire et champs de saisie
- Traitement des formulaires
-
Serveur et architecture REST
- Services $http, (intercepteurs de réponse, appels Ajax)
- Services $resource pour API de type “REST”
- “Server-Sent Events” ou “WebSocket”
-
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
-
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
-
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
-
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
-
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
-
AngularJS & architectures web modernes
- Architecture REST
- Web mobile
- Stockage local & mode déconnecté
-
Ouverture
- Yeoman : industrialisation du développement
- Optimisation des ressources
- Simplification des styles CSS avec un préprocesseur
Équipe pédagogique
Professionnel expert technique et pédagogique.
Suivi de l'exécution et évaluation des résultats
- Espace intranet de formation
- Documents supports de formation
- Exposés théoriques
- Études de cas concrets
- Mise à disposition en ligne de documents supports à la suite de la formation
Ressources techniques et pédagogiques
- Émargement numérique
- Mises en situation
- Formulaires d’évaluation de la formation
- Certificat de réalisation de l’action de formation
Qualité et satisfaction
Taux de satisfaction des apprenants, nombre d'apprenants, taux et causes des abandons, taux de retour des enquêtes, taux d'interruption en cours de prestation...