Nos domaines de formation :

Formation Angular 2+, maîtriser le Framework Front-End de Google
migration et développement

4,4 / 5
Stage pratique
Best
Durée : 4 jours
Réf : AGU
Prix  2018 : 2430 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Angular, devenu la référence des infrastructures JavaScript côté client, propose une refonte du cœur du 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 compatible avec les dernières versions du framework Angular 2 / 4 & 5.

Objectifs pédagogiques

  • Organiser, modulariser et tester ses développements JavaScript
  • Maîtriser les fondamentaux du Framework Angular
  • Créer rapidement des applications Web complexes
  • Savoir intégrer les tests unitaires au développement
  • Connaître les bonnes pratiques de développement et de mise en production

Travaux pratiques

Composition modulaire d'une application avec Angular.

Méthodes pédagogiques

Chaque nouveau concept théorique sera appliqué immédiatement de façon pratique.
PROGRAMME DE FORMATION

Développement JavaScript : rappels

  • Bonnes pratiques ECMAScript 5.
  • ES7/ES6/ES2015, présentation générale.
  • Nouveautés syntaxiques : portée, "template string", "arrow functions", les promesses...
  • Le développement JavaScript Objet avec la syntaxe de class.
  • Le pattern observer/observable (ES7).
  • La librairie RX.js : opérateur clés pour la manipulation d'observable.
  • Outils indispensables. Babel, Traceur et Typescript.
  • Typescript en détail, configuration.
  • ES6/2015 approche modulaire.
  • ES7 gestion de l'asynchronicité : await async.
  • "Modules Loaders" : Webpack, "import/export".

Travaux pratiques
Migrer un script ES5/ES6. Mise en œuvre de l'environnement avec TypeScript.

Migrer d'AngularJS 1.x à Angular

  • Comparaison et "topographie" des concepts.
  • Préparer la migration. Structure d'une application Angular.
  • Les modules Angular, "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.

Démonstration
Migrer une application AngularJS 1.x vers Angular.

L'utilitaire ng ou @angular/cli

  • Utilisation de l'utilitaire en ligne de commande.
  • Scaffolder une structure de projet : anatomie et dépendance.
  • Configuration des utilitaires de tâches.
  • Configuration et commandes clés.
  • Lancer un server de développement/production (build).
  • Compilation Ahead of Time. La notion de "Tree Shaking".
  • Gestion des modules : bonnes pratiques.
  • "BootStrap" d'application.

Travaux pratiques
Structurer, "scaffolder" un projet d'application.

Définition de composants

  • Comprendre les Web Components. (standard, concepts, shadow DOM, scoped CSS...).
  • Cycle de vie dans l'application.
  • Angular Compiler : Change Detection.
  • Syntaxe des templates : interpolation/expression, "Binding" et filtres.
  • Directives de transformation : ngIf, ngFor, ngSwitch...
  • Définition syntaxique, le symbole (*).
  • Variables locales et variables de Template.
  • Classe de composants. Directives de configuration : selector, provider.
  • Evénements utilisateur et événements logiques personnalisés : EventEmitter.

Travaux pratiques
Création de composants.

Classifications des composants applicatifs

  • Module, RouterModule, SharedModule.
  • Component,Directive, Pipe, Service, Guard.
  • Principe de l'injection de dépendances.
  • Création de services injectables. Classification des services.
  • Configuration de l'injecteur.
  • Les décorateurs et leurs propriétés en détails.
  • @Host, @ContentChild,@ViewChild.
  • JavaScript Pure function, PurePipe.

Travaux pratiques
Création de composants et de directives personnalisées.

Gestion des formulaires, "Routing" et requête HTTP

  • FormControl et FormGroup.
  • TDF versus DDF : Template Driven Form et Data Driven Form
  • Validation et gestion d'erreur personnalisée.
  • Liaison de données via HTTP.
  • Gestion et configuration des échanges HTTP au niveau applicatif.
  • Création de routes.
  • Intercepter les paramètres de routage et wildcard.
  • Ciblage, "router-outlet" événements de routage.
  • Gestion de routes dans l'arbre des composants.
  • 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.

Tests unitaires. Bonnes pratiques et outils

  • Configurer l'environnement de test.
  • Présentation de Karma et de Jasmine.
  • Ecrire les tests avec Jasmine.
  • Ecrire des tests d'intégration avec protractor.
  • Couverture du code. Indices du code-coverage.
  • BDD Behaviour Driven Developpemnt, TDD Test Driven Developpement.
  • Cas de test : pipe, composant, application.
  • Angular "Coding guide Style".

Travaux pratiques
Développement d'une application à partir de tests unitaires. Mise en œuvre du Test Driven Developpement.

Participants / Prérequis

» Participants

Architectes, développeurs et chefs de projets Web.

» Prérequis

Bonnes connaissances des technologies du Web et des outils modernes de développement Front-End. Connaissances de JavaScript.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Avis vérifiés
picto avis vérifiés
Renaud L. 12/06/2018
5 / 5
Locaux au top. Matériel de qualité et qui n'a eu aucun problèmes. Possibilité de connecté son propre PC sans aucun soucis, sauf le partage réseaux, mais c'est normal.

Zouhir S. 12/06/2018
5 / 5
Rien à dire. Parfait.

Laure P. 12/06/2018
5 / 5
Petite parenthèse sur les locaux, les toilettes ont une odeur assez prononcé.

Etienne M. 12/06/2018
5 / 5
++ petit déjeuner

Romain F. 12/06/2018
4 / 5
manque de café le midi table trop petite pour un pc, prendre des notes et le classeur de cours.

Martial S. 12/06/2018
4 / 5
pas possible d'avoir du café en dehors de pauses si le thermos est vide.

Mohamed Z. 05/06/2018
5 / 5
Clavier souris old school (bruyant, lent...)

Jérémie E. 05/06/2018
5 / 5
Chaise en mauvais etat, petit problèmes de reseau.

Nathalie P. 05/06/2018
4 / 5
Très bien !

Axel R. 05/06/2018
5 / 5
Très bonne organisation et locaux adaptés à la formation.

Matthieu L. 05/06/2018
5 / 5
Il pourrait être intéressant d'avoir les supports de cours de façon digital au lieu de papier. Et pourquoi pas fournir une petite clé usb contenant le cours et permettant également de partir avec ses propres TP.

Julien G. 05/06/2018
5 / 5
Très bon moment

Cédric C. 05/06/2018
5 / 5
La qualité de la connexion internet est un peu limite (bande passante...)

Johnny A. 05/06/2018
5 / 5
Très bon accueil de l'équipe Orsys.

Maxime N. 05/06/2018
5 / 5
Deux écrans par PC et une climatisation plus efficace serait parfait !

Jamale L. 24/04/2018
4 / 5
Satisfaisant

Régis D. 24/04/2018
4 / 5
Cours 'Maitriser le Framework Front-End' : -> Plus une bonne introduction, qu'une formation de maitrise.

Guillaume P. 24/04/2018
5 / 5
les sièges font un peu mal au dos

Stéphane G. 24/04/2018
5 / 5
aucun problème

Lionel B. 24/04/2018
5 / 5
Il fait parfois un peu chaud quand le soleil tape

Jérémie D. 13/03/2018
5 / 5
Excellent accueil, PC qui fonctionnent bien avec quasiment tout pré-installé. Lieu de formation bien desservi au niveau des transports.

Bruno M. 13/03/2018
5 / 5
Pour le repas de midi, ça serait bien que parmi les 3 menus il y ait quelque chose sans viande ou poisson (genre des pates). Parce que bon j'aime la viande mais ça fait un peu beaucoup au bout de 4 jours.

Sami C. 13/03/2018
4 / 5
Une organisation à la hauteur et environnement de travail agréable

Béranger D. 13/03/2018
4 / 5
Très bon accueil, très simple. Très bonne restauration, en-cas très bienvenus.

David L. 13/03/2018
4 / 5
trop loin / problème de vue sur le tableau

Laëtitia S. 13/03/2018
5 / 5
Très chaleureux, très confortable.

Kevin N. 13/03/2018
5 / 5
Bonne organisation et bon environnement

Redouane O. 13/03/2018
5 / 5
Plutôt sympa.

LEANDRE P. 13/03/2018
4 / 5
L'environnement est très agréable. Pour l'organisation, il serait bon de désinstaller tout ce qui a été installé lors d'une précédente formation et faire un effort sur la bande passante. En effet, nous avons perdu pratiquement une demi journée.

Vincent C. 13/03/2018
4 / 5
Il y a eu des problèmes d'installations le premier jour qui ont fait perdre du temps

Zakaria S. 13/03/2018
4 / 5
La qualité du réseau n'est pas très bonne.

Sébastien P. 13/03/2018
4 / 5
Qualité du réseau très moyenne

Tarik B. 13/03/2018
5 / 5
La qualité du réseau est à améliorer

Anthony M. 13/03/2018
4 / 5
Quelques problèmes lors de l'installation des outils sur le poste (nodejs)

Fabien L. 06/02/2018
4 / 5
Difficultés sur la mise en place de l'environnement de travail.

Hanh H. 06/02/2018
4 / 5
L'installation du Framework a rencontré des difficultés qui sont à priori récurrents. Cela a fait perdre di temps à tout le monde. Les locaux sont bien et on est bien nourris.

Olivier K. 06/02/2018
4 / 5
La première journée a été un enfer car le cours d'à coté était envahissant, aucune isolation entre salle de cours. Malgré nos remarques en direct et les coups sur le mur, l'animatrice ne baisse pas de volume sonore.

Kassoum L. 06/02/2018
5 / 5
Prévoir un réseau local afin que le formateur et les stagiaires puissent partager des infos.

Christian J. 19/12/2017
4 / 5
Bonne pédagogie. Les parties théorique et pratique sont trop dissociées. Peut-être un TP en fils conducteur sur l'ensemble des jours.

Sébastien T. 19/12/2017
5 / 5
Bon. Des problèmes d'installations sur les PC. Gros problème de collations aux poses

Jordan T. 19/12/2017
5 / 5
Timing respecté, tout le cours a été déroulé. Bravo.

Dimitri P. 19/12/2017
5 / 5
Très bonne organisation et environnement. Un bémol de travailler sur un portable pour une formation technique. 2 écrans et un clavier serait un plus.

Najib C. 19/12/2017
5 / 5
Petit soucis d'installation au début car plusieurs versions de nodeJS installées. A part ça, tout était nickel.

Omar S. 12/12/2017
4 / 5
Satisfaisante

Leila R. 12/12/2017
4 / 5
Très bonne organisation.

Josselin F. 12/12/2017
4 / 5
Aération de la salle cours à revoir. En fin de journée, il fait très chaud !

KWATCHO M. 12/12/2017
5 / 5
La projection du cours par le vidéo projecteur n'est pas très bien lisible. des lenteurs du reseau internet sont parfois observés

Stefan M. 12/12/2017
5 / 5
Trés bonne organisation de cette formation et l'environnement est propice à la formation

Mohamed B. 12/12/2017
4 / 5
chaise peu confortable.

Olivier R. 12/12/2017
5 / 5
La démarche mini projet est appréciable pour mettre en œuvre les concepts abordés dans le cours.

Vincent D. 12/12/2017
5 / 5
Globalement très bon Ecrans petits, réseau lent

Maxence C. 12/12/2017
5 / 5
Salle pas assez climatisée.

Virginie L. 12/12/2017
4 / 5
Pas de PC installé au début de la formation! Ils n'ont été fonctionnels (avec logiciels installés) que vers 16h le premier jour! Pause déjeuner trop tardive (13h30)

Naoufal H. 12/12/2017
4 / 5
En début de formation on a eu un problème avec les PC qui n'étaient pas prêts à être utilisés.

Patrice E. 12/12/2017
4 / 5
Pas de PC disponible le 1er jour pour une formation pratique n'est pas acceptable. La première journée a été très fortement réduite par cette absence de PC puis par le temps d'installation de l'image sur le PC.

NOBLET D. 12/12/2017
4 / 5
Nous avons perdu 5 heures, le premiers jour car nous n'avions pas d'ordinateur mis à notre disposition puis ceux proposés n'avaient pas la configuration requise.

L'ISLE D. 12/12/2017
4 / 5
PC pas prêts à notre arrivée, et inutilisable avant le début d'après midi du premier jour. En conséquence, du temps de perdu sur la formation. Cette perte est préjudiciable dans la mesure où le contenu de la formation était chargé et aurait mérité plus de temps pour une meilleure appropriation.

Farid B. 12/12/2017
4 / 5
PC non disponible que l'après midi pour une formation angular - Chaise inconfortable

Mostafa B. 12/12/2017
4 / 5
Lors de l'arrivée nous n'avons pas eu les PC, nous avons donc perdu du temps (1/2 journée) à attendre l'installation de nos PC, heureusement que le formateur a pu nous présenter certains points de la formation durant ce temps. Le support de cours imprimé n'est pas le bon.. Problème de proxy pour télécharger les outils.. --> Tout cela doit être vu et traité avant de commencer.

Lionel B. 03/10/2017
5 / 5
Local agréable et confortable. Catering & collations correctes.

Wajdi K. 03/10/2017
4 / 5
locaux difficile à trouver le premier jour, qualités des chaises pas top

Cyril G. 03/10/2017
5 / 5
Ecrans petit

Caroline P. 03/10/2017
5 / 5
nous étions un peu trop nombreux, ce qui faisait perdre du temps lors des exercices pour faire les corrections pour que tout fonctionne chez tout le monde.

Cyrille B. 03/10/2017
5 / 5
Bien organisé

Pascal H. 03/10/2017
5 / 5
Formation de qualité

Thibault H. 03/10/2017
4 / 5
Il aurait été bien d'être informé dans la convocation de l'heure de fin de la formation le dernier jour. Aucune consigne de sécurité n'a été donnée au début de la formation

Philippe P. 03/10/2017
4 / 5
Cette formation nécessiterait une journée supplémentaire pour approfondir certains sujets et notamment les différentes solutions d'exercice.

Olivier G. 03/10/2017
4 / 5
Rien à dire. Très bien.

Patricia P. 03/10/2017
5 / 5
Formation en petit groupe, ce qui est appréciable pour les échanges pendant la formation.

Benjamin B. 03/10/2017
5 / 5
Salle confortable, accès facile. Matériel adéquat

SQUEREN L. 03/10/2017
5 / 5
Centre tres agréable.

Christophe V. 25/09/2017
4 / 5
Environnement & services agréables Formateur très à l'aise techniquement Exercices gérés un peu trop de manière didactiques (pas de passage sur les postes pour voir ce qui marche ou ce qui marche pas, afin d'expliquer les erreurs de développement)

David H. 25/09/2017
5 / 5
Globalement bonne avec les points suivant à améliorer: - Le support papier de correspond pas du tout à celui projeté. - Climatisation non fonctionnelle donc bien chaud l'après midi. - Manque de multiprise pour brancher les laptops le premier matin (mais vite résolu). - Les laptop aurait pu contenir tous les softs nécessaires car la bande passante reseau n'était pas très haute pour les telecharger
Avis client 4,4 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

Dates de sessions

Pour vous inscrire, cliquez sur la session qui vous intéresse.
[+]
PARIS
[+]
AIX
[+]
BORDEAUX
[+]
BRUXELLES
[+]
GENEVE
[+]
GRENOBLE
[+]
LILLE
[+]
LUXEMBOURG
[+]
LYON
[+]
MONTPELLIER
[+]
NANTES
[+]
RENNES
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULOUSE

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.