Ce support s'adresse aux développeurs Web qui souhaitent découvrir ou approfondir le développement de SPA (Single Page Apps ou applications web monopage) à l'aide d'AngularJS, le framework JavaScript développé par Google, en version 1.3 au moment de l'écriture.

Les auteurs présentent la notion de SPA et font le tour des fonctionnalités apportées par le framework, comme la structuration d'une application, le binding ou les templates de vues. Dans un premier temps, le lecteur découvrira les bases permettant de créer une application web monopage, ou SPA, ainsi que les mécanismes fondamentaux d'AngularJS. Il apprendra ensuite comment structurer son application et comment implémenter la navigation au sein de la SPA. Il apprendra également comment enrichir le langage HTML au travers de directives en créant son propre DSL, comment gérer la validation de formulaires, comment localiser son application, puis comment dialoguer avec le serveur via des requêtes HTTP.

Un chapitre est consacré aux tests unitaires et aux tests d'intégration qui permettent d'apporter une grande robustesse à l'application AngularJS et de s'assurer de l'absence de régressions. Un chapitre est également consacré aux technologies complémentaires à AngularJS, permettant par exemple d'améliorer la robustesse et la productivité avec TypeScript ou permettant de créer facilement une application mobile native à partir d'une application web avec Apache Cordova.

Enfin, l'utilisateur se verra expliquer les mécanismes avancés liés à AngularJS, notamment le principe de cycle digest et son impact sur la mise à jour des bindings ou comment optimiser son application.

Des éléments complémentaires sont en téléchargement sur le site www.editions-eni.fr.


Les chapitres du livre :
Avant-propos – Introduction à AngularJS – Ma première application AngularJS – Fondamentaux d'AngularJS – Structurer son application – Promises et requêtage HTTP – Naviguer dans une application AngularJS – Formulaires et validation – Internationalisation et localisation – Les directives – Notions avancées – Tester son application – Au-delà d'AngularJS

Téléchargements

• Des fichiers complémentaires (28,6 Ko)

Avant-propos

1. 1. Pourquoi ce livre ?
2. 2. À qui s'adresse cet ouvrage ?
3. 3. Structure de l'ouvrage
4. 4. Remerciements

Introduction à AngularJS

1. 1. Introduction
2. 2. Single Page Application
3. 3. AngularJS
   1. 3.1 Organisation de l'application
   2. 3.2 Mécanismes techniques
   3. 3.3 Versions

Ma première application AngularJS

1. 1. Introduction
2. 2. Référencer AngularJS
3. 3. Définir la portée d'AngularJS
4. 4. Création d'une application
   1. 4.1 Modèle
   2. 4.2 Contrôleur
   3. 4.3 Vue
5. 5. Application complète

Fondamentaux d'AngularJS

1. 1. Introduction
2. 2. Initiation aux modules
3. 3. Contrôleur et modèle
4. 4. Vues et Binding
   1. 4.1 Binding
   2. 4.2 Afficher et cacher des éléments
   3. 4.3 Liens
   4. 4.4 Styles
   5. 4.5 Listes
   6. 4.6 Évènements HTML
   7. 4.7 Réagir aux changements du modèle
   8. 4.8 Directives
   9. 4.9 Expressions
   10. 4.10 Communication dans une application
   11. 4.11 Unobtrusive JavaScript
5. 5. Formatage des données
   1. 5.1 Utilisation des filtres
   2. 5.2 Création de filtres
   3. 5.3 Exemples de filtres

Structurer son application

1. 1. Introduction
2. 2. Modules
   1. 2.1 Création et utilisation d'un module
   2. 2.2 Combien de modules utiliser ?
   3. 2.3 Chargement d'un module
3. 3. Injection de dépendances
   1. 3.1 Déclaration et résolution des dépendances
   2. 3.2 Utilisation du service d’injection
4. 4. Services
   1. 4.1 Utilisation de services
   2. 4.2 Création de services
   3. 4.3 Providers
5. 5. Constantes
6. 6. Structure des fichiers
   1. 6.1 Application simple
   2. 6.2 Application complexe

Promises et requêtage HTTP

1. 1. Introduction
2. 2. Promise, la fin des callbacks
   1. 2.1 Promise
   2. 2.2 Création d’une promise
   3. 2.3 Interactions avec une promise
3. 3. Communication avec le serveur
   1. 3.1 Service $http
      1. 3.1.1 Effectuer une requête HTTP
      2. 3.1.2 Méthodes raccourcies
      3. 3.1.3 Provider $httpProvider
      4. 3.1.4 Headers HTTP
      5. 3.1.5 Transformation de la requête et de la réponse
      6. 3.1.6 Cache
      7. 3.1.7 Intercepteurs
      8. 3.1.8 Timeout
      9. 3.1.9 Encapsulation des appels dans un service
   2. 3.2 Service $resource
      1. 3.2.1 Création d'une ressource
      2. 3.2.2 Récupération des ressources
      3. 3.2.3 Interaction avec une ressource
      4. 3.2.4 Méthodes spécifiques
      5. 3.2.5 Encapsulation dans un service

Naviguer dans une application AngularJS

1. 1. Introduction
2. 2. Navigation au sein de l'application
   1. 2.1 Déclaration des routes
      1. 2.1.1 Passage de paramètres dans une route
      2. 2.1.2 Exécution d'une action avant la navigation
   2. 2.2 Définir l’emplacement des vues
   3. 2.3 Naviguer dans l’application
      1. 2.3.1 Liens de navigation
      2. 2.3.2 Service $location
   4. 2.4 Évènements de navigation
   5. 2.5 Mode HTML 5
3. 3. Navigation hors de l'application

Formulaires et validation

1. 1. Introduction
2. 2. Formulaires
   1. 2.1 Directive form
   2. 2.2 Soumission d'un formulaire
      1. 2.2.1 Directive ngSubmit
      2. 2.2.2 Directive ngClick
      3. 2.2.3 ngClick ou ngSubmit ?
3. 3. Validation
   1. 3.1 Déclaration des règles de validation
   2. 3.2 Contrôle de validation des champs
   3. 3.3 Détection des modifications
   4. 3.4 Module ngMessages
4. 4. Formulaires avec listes
5. 5. Exemple

Internationalisation et localisation

1. 1. Introduction
2. 2. Internationalisation des données non textuelles
   1. 2.1 Règles de localisation
   2. 2.2 Filtres et directives
3. 3. Internationalisation des données textuelles
   1. 3.1 Principe général
   2. 3.2 Création des fichiers de ressources
   3. 3.3 Création du service
   4. 3.4 Création du filtre
   5. 3.5 Gestion du multilinguisme

Les directives

1. 1. Introduction
2. 2. Création d'une directive
3. 3. Nommage d'une directive
4. 4. Restriction des modes de déclaration
5. 5. Utilisation des templates
   1. 5.1 Propriété template
   2. 5.2 Propriété templateUrl
   3. 5.3 Préchargement des templates
   4. 5.4 Insertion du template dans la vue
   5. 5.5 Mode d'insertion
6. 6. Transclusion
7. 7. Phases d’exécution d’une directive
   1. 7.1 Link
   2. 7.2 Compile
8. 8. Définition des priorités
   1. 8.1 Propriété priority
   2. 8.2 Propriété terminal
9. 9. Utilisation des scopes
   1. 9.1 Scope courant
   2. 9.2 Nouveau scope
   3. 9.3 Scope isolé
10. 10. Contrôleurs
    1. 10.1 Déclaration d'un contrôleur
    2. 10.2 Déclaration d'un lien vers une directive
    3. 10.3 Communication avec une directive
    4. 10.4 Interagir avec la directive ngModel
11. 11. Exemples de directives
    1. 11.1 Intégration d'un composant jQuery
    2. 11.2 Création d'un composant de rating
    3. 11.3 Création d'un composant accordéon
    4. 11.4 Optimisation avec compile

Notions avancées

1. 1. Introduction
2. 2. Fonctionnement du binding
   1. 2.1 Cycle digest
   2. 2.2 Quand et comment déclencher un cycle digest ?
3. 3. Performances et optimisations
   1. 3.1 JavaScript : un langage event-driven
   2. 3.2 Trop de watch tue le watch
      1. 3.2.1 Avoir une fonction watch simple
      2. 3.2.2 Privilégier le ngChange au watch
      3. 3.2.3 Privilégier le binding one-time
   3. 3.3 Limiter l'utilisation de filtres dans les vues
   4. 3.4 Manipuler le DOM dans les directives
   5. 3.5 Désactiver les informations de debug
   6. 3.6 Comment anticiper les problèmes de performance ?
4. 4. Animation de l'application
   1. 4.1 Animations CSS 3
      1. 4.1.1 Transitions
      2. 4.1.2 Keyframes
   2. 4.2 Module ngAnimate
5. 5. Insertion de contenu HTML
6. 6. Indexation par les moteurs de recherche
   1. 6.1 Indiquer que l'application web possède du contenu AJAX
   2. 6.2 Renvoyer une page statique depuis le serveur
   3. 6.3 Configuration de l'application AngularJS
7. 7. Rendre son application accessible

Tester son application

1. 1. Introduction
2. 2. Tests unitaires
   1. 2.1 Outils
   2. 2.2 Karma
   3. 2.3 Fonctionnement de Jasmine
   4. 2.4 Vérification du résultat d'un test
   5. 2.5 Installation du framework Jasmine
   6. 2.6 Test simple
   7. 2.7 Espions
   8. 2.8 Module ngMocks
   9. 2.9 Test d'un contrôleur simple
   10. 2.10 Tester une directive
   11. 2.11 Tester un service
3. 3. Introduction aux mocks
   1. 3.1 Mocker $http
   2. 3.2 Mocker $httpBackend
4. 4. Tests d'intégration
   1. 4.1 Utilisation de Protractor
   2. 4.2 Test simple
   3. 4.3 Manipulation du DOM
   4. 4.4 Configuration avancée

Au-delà d'AngularJS

1. 1. Introduction
2. 2. Environnement JavaScript compilé
   1. 2.1 Fonctionnement de TypeScript
   2. 2.2 Intégration avec AngularJS
3. 3. Choix de l’environnement de développement
4. 4. Déboguer une application AngularJS
   1. 4.1 Developer Tools
   2. 4.2 Utilisation de la console
   3. 4.3 Batarang
5. 5. Rendre son application utilisable hors connexion
   1. 5.1 Cache HTML 5
      1. 5.1.1 Mettre en cache des ressources
      2. 5.1.2 Comment fonctionne le cache ?
      3. 5.1.3 Interagir avec la mise en cache
   2. 5.2 Storage HTML 5
      1. 5.2.1 WebSQL
      2. 5.2.2 Web Storage
      3. 5.2.3 IndexedDB
6. 6. Création d'applications natives
   1. 6.1 Principe de Cordova
   2. 6.2 Accès aux fonctionnalités de l'appareil
   3. 6.3 Intégration avec une application AngularJS
8. Index