Skip to content

Commit

Permalink
fix: permanent redirections and broken image in articles (#1118)
Browse files Browse the repository at this point in the history
Co-authored-by: seinhorn <externe.stephane.einhorn@alchimie.com>
  • Loading branch information
seinhorn and seinhorn committed Apr 25, 2024
1 parent 00f4090 commit 9e3e8ab
Show file tree
Hide file tree
Showing 11 changed files with 22 additions and 26 deletions.
4 changes: 0 additions & 4 deletions _articles/fr/2017-12-07-rgpd.md
Expand Up @@ -23,10 +23,6 @@ Le 25 Mai 2018, le règlement général sur la protection des données (en angla
Si vous avez utilisé internet au moins une fois sur les dix dernières années, vous vous êtes sûrement rendu compte que votre navigateur chargeait beaucoup plus de choses que le seul contenu de votre page html.
Dans le web d’aujourd’hui les trackers, qu’ils soient analytiques, publicitaires ou encore d’un écosystème CRM, sont plus que monnaie courante comme le montrait cette [étude](http://www.lemonde.fr/pixels/article/2016/05/20/les-mouchards-d-un-million-de-sites-web-analyses_4923485_4408996.html) de 2016. En tête de liste ? Les sites de Presse avec en moyenne 40 trackers.


![]({BASE_URL}/imgs/articles/2017-12-07-rgpd/lemonde.JPG)


Même si l’utilisation directe peut être justifiée (bien que le nombre de trackers soit juste dingue), le problème est que nous n’avons aucune idée de ce qui est fait avec ces données, mais surtout que tout cela est fait sans notre accord...

Vous connaissez tous le cas d’une visite sur un site marchand, où vous visionnez une superbe offre pour un drone en promo à -30% pour le black friday. Et puis pendant 3 mois, quelque soit le site que vous visitez, vous allez manger de la pub pour les drones, recevoir des offres par mail pour des drones voire même des notifications mobiles d’autres app marchandes…
Expand Down
6 changes: 3 additions & 3 deletions _articles/fr/2023-10-23-event-driven-architecture.md
Expand Up @@ -15,7 +15,7 @@ categories:
keywords: []
---

Je vais vous expliquer aujourd'hui dans cet article un cas concret de mise en place d'une architecture orientée événements réalisé pour l'un de nos clients du [Studio Eleven Labs](https://eleven-labs.com/conception-d-application). Vous découvrirez dans cet article, ce qu'est concrètement une architecture orientée événements (ou event driven architecture) et comment la mettre en place. Suivez le guide !
Je vais vous expliquer aujourd'hui dans cet article un cas concret de mise en place d'une architecture orientée événements réalisé pour l'un de nos clients du [Studio Eleven Labs](https://eleven-labs.com/dev-web/). Vous découvrirez dans cet article, ce qu'est concrètement une architecture orientée événements (ou event driven architecture) et comment la mettre en place. Suivez le guide !

## Concrètement, qu'est-ce que l'event driven architecture ou l'architecture orientée événements ?

Expand Down Expand Up @@ -61,7 +61,7 @@ Cela signifie aussi qu'un client peut s'abonner à tout moment et avoir accès a

## Exemple concret de mise en place d'une architecture orientée événements en microservices

Voyons un cas concret en [PHP/Symfony](https://eleven-labs.com/client/ets) avec RabbitMQ.
Voyons un cas concret en [PHP/Symfony](https://eleven-labs.com/success-stories/ets-refonte-application/) avec RabbitMQ.
Imaginons une architecture avec plusieurs microservices qui ont besoin de communiquer entre eux dans le cas de validation d'une commande.
Le service _Purchase_ valide un paiement et publie le message associé.
Le service _Mailer_ envoie un email de confirmation de commande.
Expand Down Expand Up @@ -177,4 +177,4 @@ queues:
Avec ces règles simples, nous pouvons facilement implémenter l'architecture orientée événements.
Nous devons placer les événements au centre de notre refléxion pour construire les échanges de notre plateforme autour de ceux-ci.

Au sein du [Studio Eleven Labs](https://eleven-labs.com/nos-publications/donnez-une-nouvelle-dimension-a-votre-equipe-produit), nous utilisons cette architecture comme moyen privilégié de communiquer entre microservices pour tous les avantages mentionnés plus haut.
Au sein du [Studio Eleven Labs](https://eleven-labs.com/studio/), nous utilisons cette architecture comme moyen privilégié de communiquer entre microservices pour tous les avantages mentionnés plus haut.
2 changes: 1 addition & 1 deletion _articles/fr/2023-10-26-how-to-git-gud.md
Expand Up @@ -17,7 +17,7 @@ authors:
---
![gitgud]({BASE_URL}/imgs/articles/2023-10-26-how-to-git-gud/gitgud.png?width=300)

Dans cet article je vous partage la liste des commandes Git selon moi indispensables pour améliorer votre workflow ! Les commandes que vous allez découvrir m'ont simplifié la vie quelques années, pendant que je travaillais sur le projet d'un client du [Studio Eleven Labs](https://eleven-labs.com/conception-d-application). Bonne lecture !
Dans cet article je vous partage la liste des commandes Git selon moi indispensables pour améliorer votre workflow ! Les commandes que vous allez découvrir m'ont simplifié la vie quelques années, pendant que je travaillais sur le projet d'un client du [Studio Eleven Labs](https://eleven-labs.com/dev-web/). Bonne lecture !

## Git, qu-est-ce que c'est ?

Expand Down
8 changes: 4 additions & 4 deletions _articles/fr/2023-10-30-pourquoi-creer-design-system.md
Expand Up @@ -14,7 +14,7 @@ authors:
- fpasquet
---

Dans cet article, je vais vous présenter le concept du Design System que nous mettons en place pour nos clients au sein du [Studio Eleven Labs](https://eleven-labs.com/conception-d-application). Plongez dans le monde du Design System pour comprendre comment il assure la cohérence visuelle et fonctionnelle dans la conception. Explorez ce qu'est un Design System, pourquoi il est essentiel, le moment propice pour envisager sa création, ainsi que les étapes à respecter.
Dans cet article, je vais vous présenter le concept du Design System que nous mettons en place pour nos clients au sein du [Studio Eleven Labs](https://eleven-labs.com/dev-web/). Plongez dans le monde du Design System pour comprendre comment il assure la cohérence visuelle et fonctionnelle dans la conception. Explorez ce qu'est un Design System, pourquoi il est essentiel, le moment propice pour envisager sa création, ainsi que les étapes à respecter.

## Qu'est-ce qu'un Design System ?

Expand Down Expand Up @@ -105,7 +105,7 @@ Un Design System accélère le développement en fournissant des composants prê

- **Amélioration de la productivité des équipes :**

La cohérence des composants de conception permet aux [équipes de travailler plus efficacement](https://eleven-labs.com/expertises-agiles), en se concentrant sur des tâches complexes.
La cohérence des composants de conception permet aux [équipes de travailler plus efficacement](https://eleven-labs.com/temoignages/botify/), en se concentrant sur des tâches complexes.

- **Réduction des redondances et des erreurs de conception :**

Expand Down Expand Up @@ -154,7 +154,7 @@ La création d'un Design System est une démarche stratégique qui doit être en

- **Croissance de l'entreprise :**

Lorsqu'une entreprise connaît une croissance significative, il devient de plus en plus difficile de maintenir la cohérence visuelle et fonctionnelle de tous les produits ou services. [Les équipes de conception et de développement](https://eleven-labs.com/expertises-techniques) sont souvent éparpillées sur de multiples projets, ce qui peut entraîner une divergence dans l'apparence et l'expérience utilisateur. C'est à ce stade que la nécessité d'un Design System devient évidente, car il offre une base cohérente pour accompagner la croissance de l'entreprise.
Lorsqu'une entreprise connaît une croissance significative, il devient de plus en plus difficile de maintenir la cohérence visuelle et fonctionnelle de tous les produits ou services. [Les équipes de conception et de développement](https://eleven-labs.com/dev-web/) sont souvent éparpillées sur de multiples projets, ce qui peut entraîner une divergence dans l'apparence et l'expérience utilisateur. C'est à ce stade que la nécessité d'un Design System devient évidente, car il offre une base cohérente pour accompagner la croissance de l'entreprise.

- **Complexité croissante :**

Expand Down Expand Up @@ -244,4 +244,4 @@ Pour approfondir l'importance de cette collaboration, nous vous invitons à cons

Et voilà, vous êtes à présent prêt à lancer votre propre Design System. En instaurant des principes clés tels que la cohérence, la réutilisabilité, la modularité, et en encourageant la collaboration, vous renforcerez votre organisation. Que vous soyez une grande entreprise ou une start-up, un Design System accélérera le développement, améliorera la productivité, réduira les erreurs et renforcera votre image de marque.

Au sein du [Studio Eleven Labs](https://eleven-labs.com/nos-publications/donnez-une-nouvelle-dimension-a-votre-equipe-produit), nous faisons usage de Design Systems dans nos projets internes et pour nos clients, afin de tirer parti de tous les avantages évoqués dans cet article. Restez à l'affût pour de futurs articles approfondis et des astuces visant à optimiser votre Design System !
Au sein du [Studio Eleven Labs](https://eleven-labs.com/studio/), nous faisons usage de Design Systems dans nos projets internes et pour nos clients, afin de tirer parti de tous les avantages évoqués dans cet article. Restez à l'affût pour de futurs articles approfondis et des astuces visant à optimiser votre Design System !
4 changes: 2 additions & 2 deletions _articles/fr/2023-11-03-atomic-design.md
Expand Up @@ -18,7 +18,7 @@ keywords:
authors:
- iregaibi
---
Dans cet article, je vais vous présenter le concept d'Atomic Design en détaillant ses avantages et en fournissant des exemples concrets de cette approche. Je vais également aborder l'application de cette méthodologie en proposant des exemples d'utilisation, telle que pratiquée dans nos projets au sein du [Studio Eleven Labs](https://eleven-labs.com/conception-d-application), en utilisant la librairie Javascript React.
Dans cet article, je vais vous présenter le concept d'Atomic Design en détaillant ses avantages et en fournissant des exemples concrets de cette approche. Je vais également aborder l'application de cette méthodologie en proposant des exemples d'utilisation, telle que pratiquée dans nos projets au sein du [Studio Eleven Labs](https://eleven-labs.com/dev-web/), en utilisant la librairie Javascript React.

## Qu'est-ce que l'Atomic Design ?
Créé par Brad Frost en 2013, l'Atomic Design est tout d'abord une approche de conception de systèmes d'interface utilisateur et de design d'interaction. Son application peut être dédiée à la création d'un [Design System]({BASE_URL}/fr/pourquoi-creer-design-system/) ou à l'organisation de l'interface utilisateur d'un projet quel qu'il soit.
Expand Down Expand Up @@ -298,4 +298,4 @@ Cette méthodologie vient formaliser et structurer ce qui était déjà pratiqu
## Conclusion
En adoptant le concept de l'Atomic Design, vous introduisez des principes fondamentaux tels que la modularité, la facilité de maintenance et la collaboration. Cela entraîne une nette amélioration de la productivité et de la rapidité dans la mise en place du design. Réduire les risques d'erreurs et assurer une évolution constante et cohérente des éléments sont d'autres avantages qui renforceront l'image de votre marque.

Au sein du [Studio Eleven Labs](https://eleven-labs.com/nos-publications/donnez-une-nouvelle-dimension-a-votre-equipe-produit), nous appliquons l'Atomic Design pour élaborer des [Design System]({BASE_URL}/fr/pourquoi-creer-design-system/) destinés à nos projets internes et à nos clients. Cette approche nous a permis de tirer parti de tous les bénéfices mentionnés dans cet article.
Au sein du [Studio Eleven Labs](https://eleven-labs.com/studio/), nous appliquons l'Atomic Design pour élaborer des [Design System]({BASE_URL}/fr/pourquoi-creer-design-system/) destinés à nos projets internes et à nos clients. Cette approche nous a permis de tirer parti de tous les bénéfices mentionnés dans cet article.
6 changes: 3 additions & 3 deletions _articles/fr/2023-11-06-micro-frontend.md
Expand Up @@ -17,7 +17,7 @@ authors:
- charles-eric
---

Dans cet article, nous introduirons la notion de "micro frontend" et ses avantages. Ensuite, nous donnerons des cas d'usage concrets et des exemples d'implémentation basés sur notre expérience réelle au sein du [Studio Eleven Labs](https://eleven-labs.com/conception-d-application) pour des projets internes et des projets clients. Bonne lecture !
Dans cet article, nous introduirons la notion de "micro frontend" et ses avantages. Ensuite, nous donnerons des cas d'usage concrets et des exemples d'implémentation basés sur notre expérience réelle au sein du [Studio Eleven Labs](https://eleven-labs.com/dev-web/) pour des projets internes et des projets clients. Bonne lecture !

## Qu'est-ce que le "micro frontend" ?

Expand Down Expand Up @@ -66,7 +66,7 @@ En réalité, nous recommanderons bien sûr que différentes équipes d'une mêm

Également, cette indépendance permet à chaque équipe de livrer son micro frontend sans affecter l'ensemble de l'application, car les changements n'affectent qu'une partie du processus métier, et qu'une partie complètement isolée techniquement. Cela permet d'augmenter la fréquence de livraison des correctifs et nouvelles fonctionnalités, ce qui peut être un avantage concurrentiel intéressant.

De plus, cette isolation technique laisse place à d'éventuelles optimisations de [performances front](https://eleven-labs.com/nos-publications/guide-d-optimisation-web-performance-le-cas-france-medias-monde) : chaque micro frontend découplé du reste de l'application se charge indépendamment et ainsi, les plus lents ne bloquent pas le bon fonctionnement des autres.
De plus, cette isolation technique laisse place à d'éventuelles optimisations de [performances front](https://eleven-labs.com/success-stories/france-medias-monde/) : chaque micro frontend découplé du reste de l'application se charge indépendamment et ainsi, les plus lents ne bloquent pas le bon fonctionnement des autres.

<div class="admonition summary" markdown="1"><p class="admonition-title">En résumé</p>

Expand Down Expand Up @@ -306,7 +306,7 @@ Vous avez maintenant tous les éléments en main pour bien comprendre et mettre

La vraie question reste de savoir si vous en avez besoin : si vous démarrez juste une nouvelle application ou si vous n'avez pas de difficulté à maintenir votre application existante, cela peut être une solution surdimensionnée.

Mais si, comme nous au sein du [Studio Eleven Labs](https://eleven-labs.com/nos-publications/donnez-une-nouvelle-dimension-a-votre-equipe-produit), vous avez besoin de solutions pour faire évoluer efficacement vos applications complexes, cette approche peut vous aider, notamment pour assurer la migration progressive de vos applications frontend vers de nouvelles technologies.
Mais si, comme nous au sein du [Studio Eleven Labs](https://eleven-labs.com/studio/), vous avez besoin de solutions pour faire évoluer efficacement vos applications complexes, cette approche peut vous aider, notamment pour assurer la migration progressive de vos applications frontend vers de nouvelles technologies.

\
*Ressources pour aller plus loin :*
Expand Down
4 changes: 2 additions & 2 deletions _articles/fr/2023-11-10-system-props.md
Expand Up @@ -18,7 +18,7 @@ authors:
- kdung
---

Dans cet article, nous allons vous présenter le concept de *System Props* en illustrant leurs avantages avec des exemples concrets d'utilisation. Nous expliquerons aussi comment les mettre en place sur vos projets, comme nous l'avons fait sur les nôtres au sein du [Studio Eleven Labs](https://eleven-labs.com/conception-d-application) à travers l'implémentation d'un [Design System]({BASE_URL}/fr/pourquoi-creer-design-system/).
Dans cet article, nous allons vous présenter le concept de *System Props* en illustrant leurs avantages avec des exemples concrets d'utilisation. Nous expliquerons aussi comment les mettre en place sur vos projets, comme nous l'avons fait sur les nôtres au sein du [Studio Eleven Labs](https://eleven-labs.com/dev-web/) à travers l'implémentation d'un [Design System]({BASE_URL}/fr/pourquoi-creer-design-system/).

## Que sont les System Props ?

Expand Down Expand Up @@ -258,4 +258,4 @@ La documentation est essentielle pour garantir que les membres de votre équipe
L'adoption des System Props permet d'améliorer considérablement la flexibilité, la cohérence et la standardisation au sein de vos projets de développement. Cette approche commence par l'identification des props pertinents, que ce soit pour votre projet actuel ou un design system en cours de création. Une fois ces props identifiées, l'étape suivante consiste à les intégrer harmonieusement dans vos composants, garantissant ainsi une personnalisation uniforme.
Au sein du [Studio Eleven Labs](https://eleven-labs.com/nos-publications/donnez-une-nouvelle-dimension-a-votre-equipe-produit), nous appliquons les System Props pour élaborer des [Design System]({BASE_URL}/fr/pourquoi-creer-design-system/) destinés à nos projets internes et à nos clients. Cette approche nous a permis de tirer parti de tous les bénéfices mentionnés dans cet article.
Au sein du [Studio Eleven Labs](https://eleven-labs.com/studio/), nous appliquons les System Props pour élaborer des [Design System]({BASE_URL}/fr/pourquoi-creer-design-system/) destinés à nos projets internes et à nos clients. Cette approche nous a permis de tirer parti de tous les bénéfices mentionnés dans cet article.
4 changes: 2 additions & 2 deletions _articles/fr/2023-11-14-rex-plateforme-data.md
Expand Up @@ -19,7 +19,7 @@ categories:

## Le contexte du REX autour de la construction d'une plateforme Data pour notre client

Dans le cadre d'une mission Data Engineer pour un client du [Studio Eleven Labs](https://eleven-labs.com/conception-d-application), j'ai rejoint le pôle “Data Factory” pour analyser et comprendre
Dans le cadre d'une mission Data Engineer pour un client du [Studio Eleven Labs](https://eleven-labs.com/dev-web/), j'ai rejoint le pôle “Data Factory” pour analyser et comprendre
le comportement des utilisateurs. Cela permet de mieux guider l’ajout des fonctionnalités et des produits à
lancer.

Expand Down Expand Up @@ -260,6 +260,6 @@ Un des points de souffrance sur le pipeline est Talend. Cet outil ne s'adapte pa

## Pour conclure, mon retour d'expérience

La construction de cette plateforme data a été un grand projet de notre [Studio Eleven Labs](https://eleven-labs.com/nos-publications/donnez-une-nouvelle-dimension-a-votre-equipe-produit). Tout a été construit depuis zéro. J'ai bien cerné la problématique, cela m'a permis d'identifier tous les éléments sur le fonctionnement du pipeline. La solution a été de s'adapter à son fonctionnement et aux pré-requis. Enfin, la mise en production s'est déroulée comme prévu. La mise en place d'une surveillance active m'a permis de détecter les erreurs en amont. Cela réduit considérablement les temps d'indisponibilité de la plateforme.
La construction de cette plateforme data a été un grand projet de notre [Studio Eleven Labs](https://eleven-labs.com/studio/). Tout a été construit depuis zéro. J'ai bien cerné la problématique, cela m'a permis d'identifier tous les éléments sur le fonctionnement du pipeline. La solution a été de s'adapter à son fonctionnement et aux pré-requis. Enfin, la mise en production s'est déroulée comme prévu. La mise en place d'une surveillance active m'a permis de détecter les erreurs en amont. Cela réduit considérablement les temps d'indisponibilité de la plateforme.

Pour ma part, cette mission a été très complète. J'ai tantôt été _Architecte_ avec la conception de l'infrastructure, _Ops_ avec l'écriture du Terraform et de la bonne compréhension de Google Cloud Platform, et enfin _Data Engineer_ avec la rédaction du DAG Airflow. J'en ressort avec encore plus d'expérience !

0 comments on commit 9e3e8ab

Please sign in to comment.