AngularJS - Mise en oeuvre avancée

• 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

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