Nos domaines de formation :

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

4,4 / 5
Stage pratique
meilleur vente
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
Jaryd K. 23/07/2018
4 / 5
Les fondamentaux sont bien expliqués, les exemples sont compréhensibles et les exercices permettent de mieux mettre en pratique ce qui a été expliqué dans le cours

Hery R. 23/07/2018
5 / 5
Dans l'ensemble, les thèmes abordés dans le programme ont été assimilés assez rapidement.

Sidy S. 26/06/2018
5 / 5
Très intéressant

Roland L. 26/06/2018
5 / 5
Cool mais manque de vision générale des éléments providers, decoration et à quoi appartiennent ceux-ci (propres à angular, à js, ...)

Quentin R. 12/06/2018
5 / 5
J'ai appréciais le dynamisme et la bonne humeur de notre formateur.

Zouhir S. 12/06/2018
5 / 5
Très bon contenu. Et très pédagogique. Les débutant se sentiront très bien dès le début.

Renaud L. 12/06/2018
5 / 5
Très intéressant. Exercices de plus en plus difficile et adapté à l'auditoire. Peut-être laisser un peu plus de temps pour faire les exos avant de donner les corrections.

Morgan G. 12/06/2018
5 / 5
pas eu le temps d'evaluer le support

Richard H. 12/06/2018
5 / 5
Sujet traité jusqu'au bout. Parfait

Laure P. 12/06/2018
5 / 5
Très satisfaite, formation enrichissante avec un bon retour aux bases et une bonne présentation bas niveau.

Etienne M. 12/06/2018
5 / 5
formation efficace avec un rythme soutenu mais facile à suivre pour profil technique qui aborde avec pédagogie tous les principaux concepts d'angular et javascript bon alternance entre pratique et théorie

Laurent M. 12/06/2018
4 / 5
Intéressant dans la globalité

Mourad M. 05/06/2018
5 / 5
Quel Formateur !!! vraiment bravo, pas de temps mort, des exercices cohérents tout le long de la formation. une compétence très forte du formateur.

Jérémie E. 05/06/2018
5 / 5
Excellent cours, formateur manifestement habité par son sujet.

Florent S. 05/06/2018
5 / 5
intéressant, dynamique, participatif

Magishan P. 05/06/2018
5 / 5
très bonne formation avec un formateur très cool

Nathalie P. 05/06/2018
4 / 5
Le support de cours est très bien et m'a été très utile. Cependant, j'aurais souhaité que les exercices/corrigés apparaissent et qu'il y ait plus d'exemples concrets. Un peu trop de théorie à mon goût, je pense qu'il faudrait plus de petits exercices simples qu'un gros TP dans lequel on se perd un peu (même si il est utile aussi !). Formateur très bien, très compétent

Pauline F. 05/06/2018
4 / 5
Cours magistral avec des exercices pratiques. J'aurais préféré avoir une approche plus "scolaire" avec des TP détaillés dans le support de cours, nous permettant d'avoir des sortes de "fiches synthèse" sur comment réaliser telle action, comment faire ceci, etc.

Axel R. 05/06/2018
5 / 5
Contenu très concret avec beaucoup d'outils pour approfondir sur Angular en autonomie.

Jean D. 05/06/2018
5 / 5
Ma seule critique portera sur la partie ES5/6/Typescript qui je trouve devrais être un pré-requis. Dommage qu'on ait perdu du temps là dessus, ça laisse moins de temps pour le reste.

Jeremie S. 05/06/2018
5 / 5
4 jours est un minimum. Formation assez condensée. Le support de cours imprimé en papier en 2018 :-( un pdf serait mieux pour la planète.)

Matthieu L. 05/06/2018
5 / 5
Cette formation pourrait mériter d'être sur 5 jours au lieu de 4 étant donnée la densité du contenu. Formateur très pédagogue et à l'écoute.

Johnny A. 05/06/2018
5 / 5
Le contenu est bien présenté au format en ligne. Je pense qu'il faudrait consacré 5 jours à cette formation tant le sujet est vaste et intéressant.

ALAIN M. 05/06/2018
4 / 5
Tres satisfait

Carole B. 05/06/2018
5 / 5
Excellent formateur, très vivant très agréable

Sebastien M. 05/06/2018
5 / 5
Niveau parfois hétérogène et donc parfois c'est lent. Pas spécialement la faute du formateur.

Benoit C. 05/06/2018
5 / 5
Formation très intéressante, beaucoup de pratiques, de conseils

Aurélien F. 05/06/2018
5 / 5
Parfait en tout point

Maxime N. 05/06/2018
5 / 5
Contenu de qualité, le formateur était disponible pour répondre aux questions, très bonne formation.

Jamale L. 24/04/2018
4 / 5
Très satisfaisant. Ne reste qu'a valider dans la pratique

REGAN S. 24/04/2018
5 / 5
Certains contenus ne sont pas à jour

Guillaume P. 24/04/2018
5 / 5
le support de cours soit plus léger et plus interractif

Stéphane G. 24/04/2018
5 / 5
contenu très riche et compliqué mais la pédagogie du formateur aide à comprendre, 1er jour très intense qui mériterait d'insérer de très courts tp juste avant les pauses.

Frédéric S. 24/04/2018
5 / 5
Le formateur connaît très bien le sujet et fait preuve de pédagogie pour le partager. Son retour d'expérience est excellent.

Lionel B. 24/04/2018
5 / 5
Bon professeur, explications claires et concises, toujours de bons exemples pour illustrer les thématiques Formation interactive et ludique, qui nous permet d'intervenir dès qu'un élément n'est pas très clair

Florian D. 24/04/2018
4 / 5
Contenu intéressant mais certains chapitres sont traités trop rapidement par rapport à d'autres. La formation de 4 jours portant sur Angular 2 & 4, le chapitre typescript même si nécessaire a pris trop de temps (presque 1/3 de la formation), cela étant certainement dû aux différences de niveau entre les participants. Formateur agréable et pédagogique, mais qui manque parfois un peu d'énergie. Un T

Nicolas G. 10/04/2018
5 / 5
Très satisfaisant

Michael C. 13/03/2018
5 / 5
Très bon support et pédagogie / quelques exemples à simplifier ou updater dans le cours

Jérémie D. 13/03/2018
5 / 5
Contenu riche, manière d'aborder les différents sujets progressive avec des questions de révision pour appuyer les points essentiels.

Remy B. 13/03/2018
5 / 5
Bonne formation, avec un bon format

Gildas C. 13/03/2018
5 / 5
Cette formation correspondait à mon attente. Il manque peut-être un jour de pratique pour approfondir les savoirs.

Anissa A. 13/03/2018
5 / 5
La pédagogie était super, formateur très attentif et à l'écoute.

David L. 13/03/2018
4 / 5
la perfection n'existe pas mais cette formation s'en approche, félicitation au formateur

Sami C. 13/03/2018
4 / 5
Je suis satisfais sur le contenu du cours, par contre j'ai une suggestion. L'utilisation de GIT pour les exercices Angular rend plus facile la compréhension de besoin et sa solution pendant la formation même après. En faisant deux branches pour chaque exercices, une pour la squelette de code à implémenter et une autre pour la solution.

Béranger D. 13/03/2018
4 / 5
Très satisfaisant dans l'ensemble. De trop nombreux (et différents) soucis techniques (liés spécifiquement à la technologie) ont un peu gâché cette formation très bien construite.

Kevin N. 13/03/2018
5 / 5
Très bon stage pour s'appréhender les bases du framework Angular

Redouane O. 13/03/2018
5 / 5
La formation s'est très bien déroulée, le formateur était à l'hauteur de mes attentes vue son engagement et la qualité des cours donnés.

Laëtitia S. 13/03/2018
5 / 5
Présentation très dynamique avec un contenu varié.

Nicolas M. 13/03/2018
5 / 5
Cours très clair et répondant bien au besoin.

Sébastien P. 13/03/2018
4 / 5
Certains exercices non réussis du "premier coup" nuisent à la possibilité de voir d'autres sujets.

Anis B. 13/03/2018
4 / 5
+ d'éclaircissement des components, modules, services (théoriquement). - de copie/coller du site Angular.

Zakaria S. 13/03/2018
4 / 5
Le contenu est exactement le même que le tutoriel fournit sur le site angular.io Il n'a pas beaucoup de parties sur les bonnes pratiques. La partie architecture est moins bien couverte.

LEANDRE P. 13/03/2018
4 / 5
Bonne formation mais difficile en 4 jours de voir angular 2 ET angular 4. 1 jour de plus, ca aurait été parfait. La pédagogie est bonne.

Farouk F. 13/03/2018
4 / 5
Bien développé, clair et intéressant. Pédagogie sans reproches, simplicité, logique, bons exemples réponses aux questions etc.

Michael D. 13/03/2018
5 / 5
On avance pas à pas, et on aborde les sujets au fur et à mesure avec application pratique direct. Contenu simple à comprendre

Brice B. 13/03/2018
5 / 5
formateur très pedagogue

Anthony M. 13/03/2018
4 / 5
Direction des exercices un peu floue, les objectifs à atteindre me semblaient parfois confus. - J'aurai apprécié plus d'explication visuelles de type schémas en complément de la projection de l'écran. - Connaissances techniques de l'intervenant excellentes.

Frédéric F. 13/03/2018
4 / 5
Contenu trop dense, devrait être proposé en 2 sessions

Jerome B. 13/03/2018
4 / 5
Bonne pédagogie sur le sujet. Contenu relativement dense à voir en 4 jours. J'aurais aimé m'attarder sur certains sujets (reactive form).

Yann B. 13/03/2018
4 / 5
Un petit peu trop de temps sur les pré-requis, donc un peu court à la fin (mais le problème ne viens pas du formateur...)

Hanh H. 06/02/2018
4 / 5
Les explications à travers les exemples de code ne sont pas faciles. Il manque de la théorie structurelle expliquant le fonctionnement du Framework avant chaque exercice. Le support du court n'est pas assez clair à mon avis et n'a pas de réelle plus-value par rapport au doc en ligne du Framework. Le problème climatique a fait perdre un peu de temps à cause des difficultés de transport. On commence du coup en gén[ea

Olivier K. 06/02/2018
4 / 5
le contenu est dense, et difficile. Le support trop confus. C'est difficile à intégrer. L'animateur écoute bien notre difficulté et s'adapte. Peut etre un modèle de code bien préparé à l'avance et très simpliste, permettrait de se concentrer sur la notion à intégrer. Seulement ensuite, on peut tenter des cas compliqués. La difficulté était telle que les TP n'ont pu avoir lie

Boubacar D. 06/02/2018
4 / 5
Je trouve que les formations sont intenses, ça nous laisse pas beaucoup du temps pour tout assimiler.

Fabien L. 06/02/2018
4 / 5
Très bon contenu mais le support de la formation n'est pas du tout suivi.

Sébastien T. 19/12/2017
5 / 5
Connait incontestablement très bien son sujet.

Jordan T. 19/12/2017
5 / 5
Excellente connaissance et très disponible.

Cyril T. 19/12/2017
5 / 5
Un peu plus de pratique serait mieux

Najib C. 19/12/2017
5 / 5
Super formateur. Formation très vivante et animée. Contenu très complet et permet vraiment de démarrer un projet Angular à la suite de la formation.

Omar S. 12/12/2017
4 / 5
Très intéressant

Leila R. 12/12/2017
4 / 5
Formateur très pédagogique.

Josselin F. 12/12/2017
4 / 5
Le formateur est très intéressant et pédagogue (et en plus, extrêmement sympathique !). On sent qu'il maîtrise la technologie de par son métier mais aussi sa pratique du framework et sait recadrer quand on est HS pour nos questions. A répondu à toutes nos questions et a su s'adapter aux aléas de poste de chacun. Petit bémol quand même : certains thèmes auraient pu être explorés plus en profondeur. Cependant, avec un groupe de 12 personnes ce n'est pas évident. Qualité du support de doc à r

Adel S. 12/12/2017
5 / 5
Animation + Pédagogie du formatteur

Brahim O. 12/12/2017
5 / 5
le contenue est hyper intéressant

KWATCHO M. 12/12/2017
5 / 5
Le contenu pédagogique est très intéressant. Le formateur maîtrise très bien son sujet, explique également très bien. ce qui facilite notre compréhension. il y a certains point que nous n'avons pas pu aborder faute de temps. comme exemple, les outils de test unitaire, de tests d'intégrations et de débogage d'une application. je pense que 5 jours aurait été mieux adapté pour tout voir.

Stefan M. 12/12/2017
5 / 5
Trés bonne formation qui permet voir les bases d'angular mais aussi de voir comment tout fonctionne de façon très simple. Arnaud est très pédagogue et prend bien son temps pour tout expliquer

Vincent D. 12/12/2017
5 / 5
Très bonne formation

Guillaume D. 12/12/2017
5 / 5
Clair, exercices intéressants, contenu riche. Quelques typos dans les slides de présentation.

Maxence C. 12/12/2017
5 / 5
Formateur très compétent qui maîtrise très bien son sujet. Bon partage entre théorie et pratique.

Virginie L. 12/12/2017
4 / 5
Beaucoup de temps passé à recopier le code saisi par le formateur. Nous n'avons pas eu les supports de cours correspondant à la formation.

Naoufal H. 12/12/2017
4 / 5
Le contenu était assez riche en termes de présentation des différents composants de AngularJs et leurs utilisation.

Patrice E. 12/12/2017
4 / 5
Ce n'est pas le bon support de cours qui a été imprimé.

NOBLET D. 12/12/2017
4 / 5
Le support de cours imprimé n'est pas celui du formateur.

L'ISLE D. 12/12/2017
4 / 5
Formation et contenu interessants pour un programme chargé qui aurait mérité plus de temps pour se familiariser avec. Animation de qualité avec une grande disponibilité et écoute du formateur.

Mostafa B. 12/12/2017
4 / 5
Contenu intéressant, les points de la formation sont bien expliqués et illustrés, le formateur est vraiment à l'écoute et disponible.

Stanislas S. 21/11/2017
4 / 5
Un peu trop de survol , manque une introduction plsu longue sur le besoin de la techno

BOT L. 21/11/2017
4 / 5
L'énoncé des TP est souvent flou, la correction n'est pas fournie systématiquement, il faut systématiquement remettre en place un environnement complet plutôt que de se concentrer sur les nouveautés de la journée. L'idéal serait : - construction d'une application complète au fur et à mesure de l'avancement du cours - correction fournie systématiquement à la fin de chaque TP afin que chaque participant ait le même point de départ pour les TP suivants - un petit TP à chaque chapitre plutôt qu'

Thierry L. 21/11/2017
4 / 5
Dense, voire très dense, mais nous avons pu, grâce à la maîtrise du formateur, à le passer en entier

Aurélie C. 21/11/2017
5 / 5
Très bon formateur qui est à l'écoute des intervenants et qui prend le temps de répondre au questions, et qui donne de bons conseils adaptés à l'application en entreprise.

Francesco V. 03/10/2017
5 / 5
Contenu très équilibré et excellente interaction avec le formateur, prêt à répondre aux questions même concernant des sujets dehors le programme

Lionel B. 03/10/2017
5 / 5
Très bon pédagogue. Maîtrise le sujet.

Caroline P. 03/10/2017
5 / 5
très bien, formateur très agréable et pédagogue

Cyrille B. 03/10/2017
5 / 5
La formation est très intéressantes. très bonne approche pédagogique par le développement

Renaud C. 03/10/2017
5 / 5
Formateur très compétent et sympatique

Dalibor D. 03/10/2017
4 / 5
Il aurait été préférable qu'ORSYS ai proposé deux niveaux de formation : débutant & avancé,comme pour AngularJS, lors de ma foramtion précédente.

Christophe R. 03/10/2017
4 / 5
Beaucoup de sujet à traiter sur 4 jours.

Benjamin B. 03/10/2017
5 / 5
Très bonne pédagogie, mes seuls regrets sont que le sujet étudié ici est vaste et complexe, et que 4 jours ne suffisent pas pour bien appréhender le domaine un peu plus en profondeur !

SQUEREN L. 03/10/2017
5 / 5
Cours bien structuré et complet. Formateur présent lors des difficultés

Caroline K. 25/09/2017
4 / 5
Support pdf très bien, mais support papier peu util
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.