ALLER AU CONTENU
Le portail de la formation tout au long de la vie
LU
DE
EN
FR
PT
Vous êtes ici: Accueil > Formations > ORSYS Luxembourg

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

4 jour(s)

Objectifs

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 5 et suivantes.

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

Contenu

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.
  • Évé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.

Méthodes pédagogiques

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

Public cible

A qui s'adresse la formation?

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.

Evaluation

Certificat, diplôme

Une attestation de présence sera envoyée aux participants après la formation

Informations supplémentaires

12 participants maximum - Ouverture garantie à partir de 3 personnes - Classe à distance possible

Vous recherchez une formation à titre individuel?
ORSYS accompagne également les particuliers pour tous leurs projets de formation ou de reconversion professionnelle.

Voir les coordonnées de l'organisme
Partager sur

 



Le contenu de ce descriptif de formation est de la seule responsabilité de son auteur, l'organisme de formation ORSYS Luxembourg.

Imprimer Tout voir/cacher Envoyer à un ami
Voir les coordonnées de l'organisme
Caractéristiques
Organisation Formation inter et intra-entreprise
Langues de prestation
Prochaines sessions
Du/Au Lieu Prix
28/02 - 03/03/23
  Online   2390.00 €
Voir détails
21 - 24/03/23
  Online   2390.00 €
Voir détails
21 - 24/03/23
  ORSYS Luxembourg   2390.00 €
Voir détails
18 - 21/04/23
  Online   2390.00 €
Voir détails
23 - 26/05/23
  ORSYS Luxembourg   2390.00 €
Voir détails
30/05 - 02/06/23
  Online   2390.00 €
Voir détails
06 - 09/06/23
  Online   2390.00 €
Voir détails
20 - 23/06/23
  Online   2390.00 €
Voir détails
04 - 07/07/23
  Online   2390.00 €
Voir détails
04 - 07/07/23
  ORSYS Luxembourg   2390.00 €
Voir détails
18 - 21/07/23
  Online   2390.00 €
Voir détails
22 - 25/08/23
  Online   2390.00 €
Voir détails
05 - 08/09/23
  Online   2390.00 €
Voir détails
05 - 08/09/23
  ORSYS Luxembourg   2390.00 €
Voir détails
19 - 22/09/23
  Online   2390.00 €
Voir détails
17 - 20/10/23
  Online   2390.00 €
Voir détails
07 - 10/11/23
  Online   2390.00 €
Voir détails
07 - 10/11/23
  ORSYS Luxembourg   2390.00 €
Voir détails
21 - 24/11/23
  Online   2390.00 €
Voir détails
05 - 08/12/23
  Online   2390.00 €
Voir détails
12 - 15/12/23
  Online   2390.00 €
Voir détails
Utilisation des cookies

lifelong-learning.lu utilise des cookies pour vous offrir une expérience utilisateur de qualité, mesurer l’audience, optimiser les fonctionnalités des réseaux sociaux et vous proposer du contenu personnalisé.

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies dans les conditions prévues par notre politique en la matière. En savoir plus.

Cookies nécessaires
Ces cookies permettent d'utiliser les principales fonctionnalités de notre site (par exemple l'accès à votre espace réservé). Sans ces cookies, vous ne pourrez pas utiliser notre site normalement.
Statistiques
Ces cookies permettent d'établir des statistiques de fréquentation de notre site. Les désactiver nous empêche de suivre et d'améliorer la qualité de nos services.
Publicité ciblée
Ces cookies permettent de vous proposer sur internet et les réseaux sociaux des informations et des offres de formation qui répondent mieux à vos besoins.

Consulter notre politique d’utilisation des cookies

Accepter tout Paramétrer les cookies
Veuillez patienter...