Sélectionner une page
Formations Web Développeur front end Formation Micro Frontend

Formation Micro Frontend 

formation micro frontend

Prix 1790€ HT / personne
2 jours (14 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 4000€ Bonus Atlas CPF

Présentation

Micro Frontend est un modèle de développement Web frontal qui peut être créé à partir de versions disparates. Il permet de résoudre la plupart des problèmes liés aux applications monolithiques, de diviser le back-end en plusieurs services indépendants.

Dans cette formation, vous apprendrez à concevoir une application sur laquelle des dizaines d’équipes peuvent simultanément travailler afin de coordonner toutes vos modifications, structurer vos applications pour les faire évoluer vers des millions d’utilisateurs.

Votre équipe pourra obtenir plus d’informations sur la division d’une application monolithique en plusieurs sous-applications et sur la coordination des données échangées entre les différents micro frontends.

À la suite de cette formation, vous serez en mesure de déployer vos micro frontends ainsi que comprendre son écosystème.

 

Objectifs

  • Comprendre les micro frontends
  • Structurer les applications
  • Gérer des applications interconnectées sur la même page

 

Public visé

  • Développeur Web
  • Lead Développeur
  • Architecte
  • Chef de projets

 

Pré-requis

  • Connaissance de React
  • Connaissance de javascript / git / nodejs / npm

Programme de notre formation Micro Frontend

 

Chapitre 1 : Définition, Méthodo, Web Component

  • Définition d’un micro front end
  • Pourquoi utiliser une architecture MF
  • Monolithique VS Micro-service
  • Comparaison des différentes méthodes pour créer des micro frontend (Iframe,Module fédération, Web component)
  • Survol web component
  • TP: Générer mon web component

 

Chapitre 2 : Décomposition d’interface, CICD

  • Décomposition de l’interface utilisateur en composants indépendants
  • Intégration continue et déploiement continu (CI/CD) dans un contexte de micro frontends
  • Stratégie de test unitaires/composant
  • Stratégie de test E2E
  • TP: CICD du MF (build/test/deploy)

 

Chapitre 3 : Module Fédération

  • Module Federation VS Web component
  • Build-time sharing
  • Run-time sharing
  • TP: Configuration et partage des dépendances avec vite

 

Chapitre 4 : Shell APP & Single SPA

  • Shell app
  • Single SPA
  • Développement et test de la Shell-app
  • Techniques de communication entre micro frontends
  • TP: Hydrater notre shell app avec nos micro frontend
  • TP: Creation de la shell app
  • TP: Déploiement de la shell app

 

MODULE COMPLÉMENTAIRE : Chapitre 5 & 6

  • Chapitre 5 : Versionner, Déploiement
  • Chapitre 6 : Conseils Et après ?

Pour aller plus loin

Formation Angular

Formation Reactjs

Formation Emberjs

Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Témoignages

15 novembre 2024

Les + : Le formateur était très bien, il s’est adapté a nos demandes à nos demandes et à nos compétences.

Rayan B. de chez RAJA

Afficher tous les témoignages

15 novembre 2024

Les + : Le formateur était très bien, il s’est adapté a nos demandes à nos demandes et à nos compétences.

Rayan B. de chez RAJA
27 février 2024

Les + : On découvre les principes petit à petit aux grès des exercices ce qui permet d’assimiler tous les concepts.

Le formateur décrivait au fil de l’eau toutes les actions et les commandes à saisir ce qui permet d’un coup d’oeil de s’y retrouver par la suite

Les – : Aucun

En synthèse : Merci encore pour cette formation. C’était très enrichissant

Alex M. de chez DSIBA La Banque Postale
27 février 2024

Les + : Les exemples pratiques sont attractifs et d’un bon niveau.

La formation permet de mettre en pratique les micro-frontends dans un écosystème Angular.

Le formateur est très pédagogue et à très à l’écoute des apprenants.

Les – : Le support de cours n’est pas traduit en français.

Certains aspects théoriques pourraient être un peu plus approfondis (déploiement des MFE, CI/CD, ..).

Je souhaite suivre : Pas de besoin identifié dans l’immédiat.

Olivier T. de chez DSIBA La Banque Postale
9 février 2024

Les + : Son contenu, son équilibre entre théorie et pratique.

Les – : La durée restreinte de la formation surtout quand on ne maîtrise pas bien React.

En synthèse : Globalement très satisfait de la formation qui a répondu à mon attente de découvrir les architectures microfrontends avec en plus une partie CI/CD et sécurité avec Keycloack.

Achille a été très bon pédagogue. il a su s’adapter à nos niveaux et tout en maintenant le rythme pour que l’on puisse voir l’ensemble du programme.

Fabrice J. de chez Fédération Française de Natation
9 février 2024

Les + : Le formateur a su s’adapter à notre niveau. L’équilibre théorie et TP a été apprécié.

Les – : Rythme trop rapide (problème récurrent sur ce type de formations).

Samuel F. de chez Fédération Française de Natation
9 février 2024

Les + : Equilibre théorique / pratique

disponibilité du formateur.

Les – : Dense

Germain C. de chez Fédération Française de Natation

Noter la formation

Prix 1790€ HT / personne
2 jours (14 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 4000€ Bonus Atlas CPF

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp