• slide-formation

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

 

Powered by Amazing-Templates.com 2014 - All Rights Reserved.