AngularJS 2, maîtriser le Framework Front-End de Google, 4 jours (réf. AGU)

PROGRAMME DE FORMATION » Développement JavaScript : rappels Bonnes pratiques ECMAScript 5. ES6/ES2015, présentation générale. Nouveautés syntaxiques : portée, "template string", "arrow functions"... Outils indispensables. Babel, Traceur et Typescript. Typescript en détail, configuration. ES6 approche modulaire. "Modules Loaders" : SystemJS, "import/export". Travaux pratiques Migrer un script ES5/ES6. Mise en oeuvre de l'environnement avec TypeScript. » Migrer d'AngularJS 1.x à AngularJS 2 Comparaison et "topographie" des concepts. Préparer la migration. Structure d'une application AngularJS 2. Les modules AngularJS 2, "core" et principaux modules. Principe de l'injection de dépendance. Classification des directives : Composant, Attribut, Structure. Les décorateurs : définition des hiérarchies. Travaux pratiques Migrer une application AngularJS 1.x vers AngularJS 2. » Injection de dépendances Utiliser les annotations et décorateurs. Configuration de l'injecteur. Gestion des modules : bonnes pratiques. Création de services injectables. Classification des services. "BootStrap" d'application. Travaux pratiques Structurer, "scaffolder" un projet d'application. » Définition de composants Cycle de vie dans l'application. Syntaxe des templates : interpolation/expression, "Binding" et filtres. Directives de transformation : ngIf, ngFor, ngSwitch... Définition syntaxique, le symbole (*). Variables locales. Classe de composants. Directives de configuration : selector, provider. Evènements utilisateur. Travaux pratiques Création de composants. » Gestion des formulaires, "Routing" et requête HTTP Control et ControlGroup. Validation et gestion d'erreur personnalisée. "FormBuilder", composants avancés de formulaire. Liaison de données via HTTP. Création de routes. Paramètrage et wildcard. Ciblage, "router-outlet" événements de routage. Travaux pratiques Formulaire validation. Consommation d'une API REST. » Tests unitaires. Bonnes pratiques et outils Configurer l'environnement de test. Ecrire les tests avec Jasmine. Couverture. Cas de test : pipe, composant, application. ngUpgrade : coexistence et ngForward. AngularJS2 "Coding guide Style". Travaux pratiques Rédaction de tests unitaires. Mise en oeuvre TDD.