Formation AngularJS initiation

Objectifs

Développé par Google, AngularJS est un framework simplifiant le développement des applications riches côté client. Cette formation vous apportera la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates… Vous verrez également son intégration dans une architecture REST.
Prérequis
Maîtrise des langages HTML et CSS.

Contenu de formation

Rappels JavaScript

• Composants d’une application Web. HTML5 et CSS3.
• Outils de développement Web/JavaScript.
• Moteurs de rendu HTML et JavaScript. DOM, BOM.
• JavaScript rappels : prototypes, closures et callbacks.
• Rappels sur les concepts objet en JavaScript.
• Application Ajax orientée REST.

Présentation du framework AngularJS

• AngularJS, positionnement : jQuery, ExtJS…
• Intégration. Compatibilité, versions, documentation.
• Fonctionnalités et principes généraux.
• Directives AngularsJS, compilateur HTML.
• Expressions, Data-Binding bidirectionnel, filtres

Contrôleurs et gestion des scopes

• Création et utilisation des contrôleurs
• Gestion du contexte, la variable $scope
• Propagation des événements. API. Dirty Checking
• Traitement et validation des formulaires

Module et injection de dépendance

• Fonctionnalités de l’objet angular
• Principe de l’injection de dépendance
• Notion de module. Configuration
• Découper son application

Définition des routes

• Routing. API ($routeProvider). Le “deep linking”.
• Historique et accès aux paramètres de l’URL.
• Utilisation de $location et $routeParams. Modes Hashbang et HTML5.
• Prétraitement des vues. Utilisation des “fragments”.

Fonctionnalité de données, Echange Serveur

• API ($provide, $injector). Création de provider.
• Les méthodes : Service, Factory, Provider, Value.
• Requête Ajax avec le service $http. Intégration REST avec le service $resource. WebSockets. API Promise.
• Intégration avec Node.js.

Intégration des tests automatisés

• Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services… Utilisation avec Karma.
• End to End Testing : interface utilisateur.

Bonnes pratiques et outils

• Yeoman, optimisation du développement.
• Internationalisation (I18N), mise en oeuvre.