Création d’applications web avec angularjs

Introduction et vue d’ensemble

• Fonctionnalités et bénéfices d’AngularJS
• Étendre HTML pour les applications Web
• Séparer préoccupations et testabilité

Créer l’architecture d’AngularJS

Assembler l’application

• Amorcer l’application avec ng–app
• Modulariser les fonctionnalités avec angular.module()
• Gérer les dépendances avec l’injection des dépendances
• Annoter les modules pour la minification

Coder les contrôleurs AngularJS

• Lier le contrôleur au ng–controller
• Connecter le $scope au contrôleur
• Mettre en œuvre les propriétés et les méthodes du contrôleur
• Utiliser le contrôleur sous forme de syntaxe Démystifier le langage Angular
• Examiner le digest cycle
• Observer les expressions avec scope.$wastch()
• Intégrer des bibliothèques externes avec scope.$apply()

Construire une interface utilisateur interactive

Appliquer les directives aux modèles

• Lier au HTML avec ng–model
• Insérer les expressions AngularJS avec HTML
• Afficher des ensembles de données avec ng–repeat
• Acheminer les données dans les filtres AngularJS filters
• date
• currency
• filter
• orderby

Intégrer les formulaires avec AngularJS

• Manipuler les formulaires et les entrées avec le contrôleur
• Lier les champs des entrées
• text
• date
• radio
• checkbox
• select
• Basculer l’état de contrôle du formulaire avec ng–show et ng–disabled

Valider les entrées du formulaire

• Exploiter les attributs HTML5 : required, min, max, pattern
• Maîtriser $error, $dirty, et $invalid dans les expressions
• Styliser avec les classes CSS Angular : ng–valid, ng–invalid, ng–pristine, ng–dirty

Concevoir une interface utilisateur polissée

Travailler avec des images et des liens

• Lier les URL source des images avec ng–src
• Incorporer des bound links avec ng–href

Intégrer le framework front–end bootstrap

• Permettre une UI adaptative avec la grille bootstrap
• Lier les classes bootstrap avec ng–class
• navbar
• progress bar
• modal

Maîtriser les services AngularJS

Naviguer avec le service de routage

• Répartir les fonctionnalités des applications sur de multiples vues
• Spécifier ng–view et la mise en page
• Configurer le service $routeProvider
• Mapper les URL racine aux modèles

Se connecter aux données des API REST externes

• Réaliser des opérations CRUD avec le service $http
• get()
• post()
• delete()
• put()
• Récupérer les données JSON de façon asynchrone
• Mapper les données JSON dans les objets JavaScript

Tester les fonctionnalités AngularJS

• Imiter le HTTP avec $httpBackend
• Contrôleurs de tests unitaires avec Jasmine

Étendre AngularJS

Développer des composants personnalisés

• Sélectionner le fournisseur approprié
• constant
• value
• factory
• service
• Coder un filtre personnalisé

Créer des directives personnalisées

• Mettre en oeuvre les restrictions pour les élémets ou les attributs
• Spécifier un balisage de modèle ou templateUrl
• Isoler le périmètre des directives
• Produire des liaisons de données one– et two–way

Animer les applications AngularJS

• Inclure le module ngAnimate
• S’intéresser aux déclencheurs d’animations AngularJS
• Écrire des transitions et des animatitons CSS
• Incorporer le glisser–déposer