Angular JS - Développements Web
Pré requis
- Avoir une bonne pratique du langage JavaScript
- Avoir une bonne connaissance des fondamentaux de l’internet et HTML
Objectifs de la formation
- Comprendre les principes d’AngularJS
- Savoir comment déployer une application web
- Être en mesure d'exploiter les bonnes pratiques de développement
Public :
Pour les développeurs web, les architectes web et les chefs de projets Webmasters
Contenu du cours
Introduction
- L’historique et les principes généraux
- Le pattern MV* et databinding bidirectionnel
- Les avantages et inconvénients
- Installation et découverte
- Effectuer le développement de l’application "Hello world !"
Modéles, vues et contrôleurs
- Le modèle
- Les vues comme les templates et les filtres
- Les contrôleurs comme le fonctionnement et le $scop
Les modules
- Création et configuration
- Partage de services
- Injection de dépendances
Le routage
- "Single page application"
- Configuration et la méthode .config
- Paramètres d’url et les évènements de routage
Les formulaires
- Lien entre ngmodel et contrôleur
- Validation, états des formulaires et la gestion d’erreur
- Types de champs, classes CSS et le custom validation
Les directives et les filters
- Convention de nommage et l’écriture normalisée
- Types de composants et les directives de templates
- Options de configuration, transclude, scope et cycle de vie
- Fonctions compile et link
- Créer des filtres
Cycle de vie et scope
- Présentation du fonctionnement d’AngularJS
- L’arbre des scopes et les méthodes de $rootscope
- Les évènements tels que diffusion et interception
Les services AngularJS
- Les services natifs
- Les values et contants Factory
- Service et Provider
Ajax et REST
- Le service "$http"
- Le service "$resource"
- L’API de promise
Aller plus loin
- Les bonnes pratiques
- Internationalisation et angulartranslate
- L’interface et l’initialisation d’un projet
Tester une application AngularJS
- Tests unitaires tels que Karma, Jasmine
- Tests endtoend (e2e) : Protractor
- Outils de debug nginspector
