Cursus « Developpement WEB » :
Le framework AngularJS

Programme détaillé de la formation :

Introduction et vue d'ensemble
• Étendre HTML pour les applications Web
• Séparer préoccupations et testabilité
Créer l'architecture d'Angular JS
• 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 oeuvre 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)
Etendre 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éments 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 animations CSS
• Incorporer le glisser-dépose
Tester une application AngularJS
• Testabilité d'une application Web
• Les frameworks Jasmine et Karma
• Mise en oeuvre d'un jeu de tests