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  2019 : 2480 € 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 & 6.

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

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
David G. 18/12/2018
4 / 5
Le niveau global des participants était très déséquilibré ce qui fait qu'on a passé beaucoup de temps sur des sujets normalement acquis

Abdejalil N. 18/12/2018
5 / 5
Awesome, RENAUD DUBUIS is competent in his domain and he has a very enriching good way of instructing. learning by doing. Thank you. Happy end of the year 2018.

Mohamed B. 18/12/2018
5 / 5
Bonne equilibre entre theorie et pratique. Excellent contenu

Fodil G. 18/12/2018
5 / 5
Le contenu était assez dense mais très intéressant. Certains exercices sont passés trop vite. Mais satisfait dans l'ensemble.

Stéphane S. 18/12/2018
5 / 5
Le support de cours devrait être fourni en ligne pour éviter les impressions papier

MARC L. 18/12/2018
5 / 5
Très bonne pédagogie et très bon déroulé du cours. Excellent formateur ! Très grande clarté dans les explications et déroulement très logique des exercices

Alexandre E. 11/12/2018
5 / 5
Formation très complète. De nombreux thèmes intéressants ont été abordés, expliqués et pratiqués.

Mathieu R. 11/12/2018
5 / 5
Très bonne formation avec un formateur qualifié et pédagogique.

Laurent D. 11/12/2018
5 / 5
Formateur très bien. Le sujet est tout de même très vaste, on n'a pas pu tout faire, mais c'est suffisant pour une bonne connaissance de la mécanique d'Angular.

Ghizlane K. 11/12/2018
5 / 5
très satisfait de la formation

Alexia P. 11/12/2018
5 / 5
Formation intéressante, avec un bon équilibre entre la variété des sujets abordés et la profondeur accordée à chacun d'entre eux. Le cours est vivant, dynamique, avec une bonne répartition entre théorie et pratique

STEPHANE L. 11/12/2018
5 / 5
Le contenu et la qualité de la formation était à la hauteur de l'attente.

julien l. 11/12/2018
5 / 5
Le formateur est très bon, cependant le support de cours n'est pas assez didactique

Kevin G. 11/12/2018
5 / 5
La formation a tout à fait répondu à mes attentes. Bon équilibre entre pratique et théorie. Il y a par contre beaucoup de fautes de frappe sur le support.

Alexandra I. 11/12/2018
5 / 5
Contenu et pédagogie très satsiaisante. Un support plus lisible serait mieux adapté (écrit trop petit, gris foncé sur gris clar :(). Prévoir des fichiers html à copier/coller pour ne pas perdre de temps dans les exercices sur des erreurs de frappes.

Arnaud B. 11/12/2018
4 / 5
Mon objectif était d'acquérir les connaissances requises pour créer et maintenir une application Angular. Cet objectif est atteint. Les points positifs : - beaucoup de TP, difficulté progressive, en adéquation avec les connaissances générales du groupe. - Formateur dynamique avec une bonne expérience Les points négatifs : - j'aurais aimé + de TP sur les tests unitaires[[b

MARIE F. 11/12/2018
4 / 5
Cette formation s'inscrit dans le parcours certifiant 'Développer une application informatique en Java', il faudrait insister sur le fait qu'elle est plutôt à destination de personnes plus expérimentées.

cedric L. 11/12/2018
5 / 5
Super, une bonne piqure de rappel. Quelques temps morts du plutôt a ceux qui n'arrive pas a suivre.

Philippe G. 11/12/2018
5 / 5
Nous avons perdu beaucoup de temps au début de la formation, pour que le dernier jour on aille assez vite sur les concepts (ça a permis toutefois à ceux qui avaient plus de mal d'avoir les bases au début). Presqu'aucune pause n'a été faite… Mise à part ça, l'ambiance était très bonne et la pédagogie (apprentissage par étape), très bonne.

Benjamin T. 13/11/2018
4 / 5
Contenu en accord avec les indications initiales de la formations. Très pédagogue, très sérieux !
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.

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
PARIS
[+]
AIX
[+]
ANGERS
[+]
BORDEAUX
[+]
BRUXELLES
[+]
DIJON
[+]
GENEVE
[+]
GRENOBLE
[+]
LILLE
[+]
LIMOGES
[+]
LUXEMBOURG
[+]
LYON
[+]
MONTPELLIER
[+]
NANCY
[+]
NANTES
[+]
NIORT
[+]
ORLEANS
[+]
REIMS
[+]
RENNES
[+]
ROUEN
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULON
[+]
TOULOUSE
[+]
TOURS

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.