AngularJS Développez aujourd'hui les applications web de demain

Transcription

1 Avant-propos 1. Pourquoi ce livre? À qui s'adresse cet ouvrage? Structure de l'ouvrage Remerciements 13 Introduction à AngularJS 1. Introduction Single Page Application AngularJS Organisation de l'application Mécanismes techniques Versions 23 Ma première application AngularJS 1. Introduction Référencer AngularJS Définir la portée d'angularjs Création d'une application 27 1/10

2 4.1 Modèle Contrôleur Vue Application complète 29 Fondamentaux d'angularjs 1. Introduction Initiation aux modules Contrôleur et modèle Vues et Binding Binding Afficher et cacher des éléments Liens Styles Listes Évènements HTML Réagir aux changements du modèle Directives Expressions Communication dans une application Unobtrusive JavaScript Formatage des données Utilisation des filtres Création de filtres Exemples de filtres 66 2/10

3 Structurer son application 1. Introduction Modules Création et utilisation d'un module Combien de modules utiliser? Chargement d'un module Injection de dépendances Déclaration et résolution des dépendances Utilisation du service d injection Services Utilisation de services Création de services Providers Constantes Structure des fichiers Application simple Application complexe 90 Promises et requêtage HTTP 1. Introduction Promise, la fin des callbacks Promise Création d une promise Interactions avec une promise 99 3/10

4 3. Communication avec le serveur Service $http Effectuer une requête HTTP Méthodes raccourcies Provider $httpprovider Headers HTTP Transformation de la requête et de la réponse Cache Intercepteurs Timeout Encapsulation des appels dans un service Service $resource Création d'une ressource Récupération des ressources Interaction avec une ressource Méthodes spécifiques Encapsulation dans un service 122 Naviguer dans une application AngularJS 1. Introduction Navigation au sein de l'application Déclaration des routes Passage de paramètres dans une route Exécution d'une action avant la navigation Définir l emplacement des vues Naviguer dans l application Liens de navigation Service $location Évènements de navigation Mode HTML /10

5 3. Navigation hors de l'application 138 Formulaires et validation 1. Introduction Formulaires Directive form Soumission d'un formulaire Directive ngsubmit Directive ngclick ngclick ou ngsubmit? Validation Déclaration des règles de validation Contrôle de validation des champs Détection des modifications Module ngmessages Formulaires avec listes Exemple 155 Internationalisation et localisation 1. Introduction Internationalisation des données non textuelles Règles de localisation Filtres et directives 163 5/10

6 3. Internationalisation des données textuelles Principe général Création des fichiers de ressources Création du service Création du filtre Gestion du multilinguisme 170 Les directives 1. Introduction Création d'une directive Nommage d'une directive Restriction des modes de déclaration Utilisation des templates Propriété template Propriété templateurl Préchargement des templates Insertion du template dans la vue Mode d'insertion Transclusion Phases d exécution d une directive Link Compile Définition des priorités 201 6/10

7 8.1 Propriété priority Propriété terminal Utilisation des scopes Scope courant Nouveau scope Scope isolé Contrôleurs Déclaration d'un contrôleur Déclaration d'un lien vers une directive Communication avec une directive Interagir avec la directive ngmodel Exemples de directives Intégration d'un composant jquery Création d'un composant de rating Création d'un composant accordéon Optimisation avec compile 238 Notions avancées 1. Introduction Fonctionnement du binding Cycle digest Quand et comment déclencher un cycle digest? Performances et optimisations JavaScript : un langage event-driven Trop de watch tue le watch Avoir une fonction watch simple Privilégier le ngchange au watch 260 7/10

8 3.2.3 Privilégier le binding one-time Limiter l'utilisation de filtres dans les vues Manipuler le DOM dans les directives Désactiver les informations de debug Comment anticiper les problèmes de performance? Animation de l'application Animations CSS Transitions Keyframes Module nganimate Insertion de contenu HTML Indexation par les moteurs de recherche Indiquer que l'application web possède du contenu AJAX Renvoyer une page statique depuis le serveur Configuration de l'application AngularJS Rendre son application accessible 285 Tester son application 1. Introduction Tests unitaires Outils Karma Fonctionnement de Jasmine Vérification du résultat d'un test Installation du framework Jasmine Test simple Espions 294 8/10

9 2.8 Module ngmocks Test d'un contrôleur simple Tester une directive Tester un service Introduction aux mocks Mocker $http Mocker $httpbackend Tests d'intégration Utilisation de Protractor Test simple Manipulation du DOM Configuration avancée 312 Au-delà d'angularjs 1. Introduction Environnement JavaScript compilé Fonctionnement de TypeScript Intégration avec AngularJS Choix de l environnement de développement Déboguer une application AngularJS Developer Tools Utilisation de la console Batarang Rendre son application utilisable hors connexion Cache HTML Mettre en cache des ressources 339 9/10

10 5.1.2 Comment fonctionne le cache? Interagir avec la mise en cache Storage HTML WebSQL Web Storage IndexedDB Création d'applications natives Principe de Cordova Accès aux fonctionnalités de l'appareil Intégration avec une application AngularJS 350 Index /10