Stage pratique de 4 jour(s)

Réf : AGU
Angular, maîtriser le framework Front-End de Google
migration et développement
Participants
Architectes, développeurs et Angular, devenu la référence des infrastructures JavaScript côté client, propose une refonte du cœur du
chefs de projets Web. framework en s'appuyant sur les nouveaux standards du Web. Cette formation vous permettra d'en maîtriser
les concepts et d'améliorer les performances de vos applications notamment mobiles. Ce programme est
Pré-requis compatible avec les dernières versions du framework Angular 5 et suivantes.
Bonnes connaissances
des technologies du Web OBJECTIFS PEDAGOGIQUES
et des outils modernes de
développement Front-End. Organiser, modulariser et tester ses développements JavaScript
Connaissances de JavaScript. Maîtriser les fondamentaux du Framework Angular
Créer rapidement des applications Web complexes
Prix 2020 : 2490€ HT Savoir intégrer les tests unitaires au développement
Connaître les bonnes pratiques de développement et de mise en production
Dates des sessions
1) Développement JavaScript : rappels 5) Classifications des composants applicatifs
AIX
2) Migrer d'AngularJS 1.x à Angular 6) Gestion des formulaires, "Routing" et requête
22 sep. 2020, 15 déc. 2020
3) L'utilitaire ng ou @angular/cli HTTP
ANGERS
4) Définition de composants 7) Tests unitaires. Bonnes pratiques et outils
08 sep. 2020, 01 déc. 2020
BORDEAUX
Méthodes pédagogiques
15 sep. 2020, 08 déc. 2020
BRUXELLES Chaque nouveau concept théorique sera appliqué immédiatement de façon pratique.
08 sep. 2020, 01 déc. 2020
Travaux pratiques
CLASSE A DISTANCE
18 aoû. 2020, 08 sep. 2020 Composition modulaire d'une application avec Angular.
06 oct. 2020, 03 nov. 2020
01 déc. 2020
DIJON 1) Développement JavaScript : rappels
29 sep. 2020, 01 déc. 2020
- Bonnes pratiques ECMAScript 5.
GENEVE - ES7/ES6/ES2015, présentation générale.
08 sep. 2020, 01 déc. 2020 - Nouveautés syntaxiques : portée, "template string", "arrow functions", les promesses...
GRENOBLE - Le développement JavaScript Objet avec la syntaxe de class.
08 sep. 2020, 01 déc. 2020 - Le pattern observer/observable (ES7).
LILLE - La librairie RX.js : opérateur clés pour la manipulation d'observable.
- Outils indispensables. Babel, Traceur et Typescript.
08 sep. 2020, 01 déc. 2020
- Typescript en détail, configuration.
LIMOGES - ES6/2015 approche modulaire.
15 sep. 2020, 08 déc. 2020 - ES7 gestion de l'asynchronicité : await async.
LUXEMBOURG - "Modules Loaders" : Webpack, "import/export".
08 sep. 2020, 01 déc. 2020
Travaux pratiques
LYON Migrer un script ES5/ES6. Mise en œuvre de l'environnement avec TypeScript.
29 sep. 2020, 01 déc. 2020
MONTPELLIER 2) Migrer d'AngularJS 1.x à Angular
29 sep. 2020, 01 déc. 2020
- Comparaison et "topographie" des concepts.
NANCY - Préparer la migration. Structure d'une application Angular.
15 sep. 2020, 08 déc. 2020 - Les modules Angular, "core" et principaux modules.
NANTES - Principe de l'injection de dépendance.
08 sep. 2020, 01 déc. 2020 - Classification des directives : composant, attribut, structure.
NIORT - Les décorateurs : définition des hiérarchies.
08 sep. 2020, 01 déc. 2020 Démonstration
ORLEANS Migrer une application AngularJS 1.x vers Angular.
08 sep. 2020, 01 déc. 2020
PARIS
3) L'utilitaire ng ou @angular/cli
25 aoû. 2020, 08 sep. 2020 - Utilisation de l'utilitaire en ligne de commande.
06&20 oct. 2020, 03&17 nov. - Scaffolder une structure de projet : anatomie et dépendance.
2020
- Configuration des utilitaires de tâches.
01&15 déc. 2020
- Configuration et commandes clés.
REIMS - Lancer un server de développement/production (build).
08 sep. 2020, 01 déc. 2020 - Compilation Ahead of Time. La notion de "Tree Shaking".
RENNES - Gestion des modules : bonnes pratiques.
22 sep. 2020, 15 déc. 2020 - BootStrap d'application.
ROUEN Travaux pratiques
08 sep. 2020, 01 déc. 2020 Structurer, "scaffolder" un projet d'application.
SOPHIA-ANTIPOLIS
08 sep. 2020, 01 déc. 2020 4) Définition de composants

ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78 page 1
 STRASBOURG - Comprendre les Web Components. (standard, concepts, shadow DOM, scoped CSS...).
22 sep. 2020, 15 déc. 2020 - Cycle de vie dans l'application.
- Angular Compiler : Change Detection.
TOULON
- Syntaxe des templates : interpolation/expression, "Binding" et filtres.
22 sep. 2020, 15 déc. 2020
- Directives de transformation : ngIf, ngFor, ngSwitch...
TOULOUSE - Définition syntaxique, le symbole (*).
15 sep. 2020, 08 déc. 2020 - Variables locales et variables de Template.
TOURS - Classe de composants. Directives de configuration : selector, provider.
15 sep. 2020, 08 déc. 2020 - Evénements utilisateur et événements logiques personnalisés : EventEmitter.
Travaux pratiques
Création de composants.
Modalités
d’évaluation 5) Classifications des composants applicatifs
L’évaluation des acquis se - Module, RouterModule, SharedModule.
fait tout au long de la session - Component, Directive, Pipe, Service, Guard.
au travers des multiples - Principe de l'injection de dépendances.
exercices à réaliser (50 à 70% - Création de services injectables. Classification des services.
du temps). - Configuration de l'injecteur.
- Les décorateurs et leurs propriétés en détails.
- @Host, @ContentChild, @ViewChild.
Compétences du - JavaScript Pure function, PurePipe.
formateur Travaux pratiques
Les experts qui animent Création de composants et de directives personnalisées.
la formation sont des
spécialistes des matières 6) Gestion des formulaires, "Routing" et requête HTTP
abordées. Ils ont été
validés par nos équipes - FormControl et FormGroup.
pédagogiques tant sur le - TDF versus DDF : Template Driven Form et Data Driven Form
plan des connaissances - Validation et gestion d'erreur personnalisée.
métiers que sur celui de la - Liaison de données via HTTP.
pédagogie, et ce pour chaque
- Gestion et configuration des échanges HTTP au niveau applicatif.
cours qu’ils enseignent. Ils
ont au minimum cinq à dix - Création de routes.
années d’expérience dans - Intercepter les paramètres de routage et wildcard.
leur domaine et occupent - Ciblage, "router-outlet" événements de routage.
ou ont occupé des postes à - Gestion de routes dans l'arbre des composants.
responsabilité en entreprise. - Configuration des "Guard" pour le l'initialisation des routes.
Travaux pratiques
Mise en œuvre des cycles de validation de formulaire. Consommation d'une API REST.
Moyens
pédagogiques et 7) Tests unitaires. Bonnes pratiques et outils
techniques - Configurer l'environnement de test.
• Les moyens pédagogiques - Présentation de Karma et de Jasmine.
et les méthodes - Ecrire les tests avec Jasmine.
d'enseignement utilisés - Ecrire des tests d'intégration avec protractor.
sont principalement : aides - Couverture du code. Indices du code-coverage.
audiovisuelles, documentation
et support de cours, exercices
- BDD Behaviour Driven Developpemnt, TDD Test Driven Developpement.
pratiques d'application et - Cas de test : pipe, composant, application.
corrigés des exercices pour - Angular "Coding guide Style".
les stages pratiques, études
de cas ou présentation de cas
Travaux pratiques
réels pour les séminaires de Développement d'une application à partir de tests unitaires. Mise en œuvre du Test Driven Developpement.
formation.
• A l'issue de chaque stage ou
séminaire, ORSYS fournit aux
participants un questionnaire
d'évaluation du cours qui
est ensuite analysé par nos
équipes pédagogiques.
• Une feuille d’émargement
par demi-journée de présence
est fournie en fin de formation
ainsi qu’une attestation de fin
de formation si le stagiaire a
bien assisté à la totalité de la
session.

ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78 page 2