Formation AngularJS, maîtriser le framework JavaScript de Google


Formation AngularJS, maîtriser le framework JavaScript de Google

Catalogue : Technologies Web



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.
Exercice
Configuration de l'environnement.
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.
Exercice
Préparation d'une maquette HTML pour développer avec AngularJS.
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.
Exercice
Intégration des contrôleurs.
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.
Exercice
Modularisation de l'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".
Exercice
Création d'une "Single Page Application".
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.
Exercice
Intégration REST 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.
Exercice
Création des tests unitaires.
Bonnes pratiques et outils
• Yeoman, optimisation du développement.
• Internationalisation (I18N), mise en oeuvre.
Démonstration
Mise en oeuvre.

 

Fiche de la formation



 Cible :

Architectes, développeurs et chefs de projets Web.


 Prérequis :

Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.


 Durée : 3 jours

 Type : Stage pratique


 Contactez-nous