Skip to content

Commit

Permalink
minor #593 [SEO] 🔍 Add links to glossary in blog articles (ameliedefr…
Browse files Browse the repository at this point in the history
…ance)

This PR was merged into the master branch.

Discussion
----------

[SEO] 🔍 Add links to glossary in blog articles

closes Elao/interne#195

Tester : https://elao.github.io/elao_/pr/593

Commits
-------

c7283c0 🔍 Add links to glossary in blog articles
  • Loading branch information
ogizanagi committed May 21, 2024
2 parents 7e57c66 + c7283c0 commit c6899e8
Show file tree
Hide file tree
Showing 8 changed files with 16 additions and 16 deletions.
10 changes: 5 additions & 5 deletions content/blog/dev/react-component-slots.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ tweetId: "1650771626332487681"

## Introduction

En tant que développeur React, vous avez probablement déjà été confrontés à la création de composants génériques.
En tant que développeur [React](../../term/react.md), vous avez probablement déjà été confrontés à la création de composants génériques.
Ces composants sont souvent utilisés pour mutualiser des comportements communs à plusieurs endroits de votre application
et nécessitent d'être suffisamment personnalisables pour pouvoir s'adapter à la situation.

Expand Down Expand Up @@ -155,15 +155,15 @@ Le [concept](https://developer.mozilla.org/fr/docs/Web/API/Web_components/Using_

## Les slots dans React

React n'évoque à proprement parler jamais la notion de slots.
[React](../../term/react.md) n'évoque à proprement parler jamais la notion de slots.
Cependant, il est bel et bien possible de se baser sur cette notion lors de la conception de vos composants.
_Vous l'avez probablement déjà fait sans le savoir._

### Slot par défaut

Le cas le plus simple est celui d'un composant qui ne possède qu'un seul slot, celui par défaut, connu comme la
propriété [`children`](https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children) disponible dans
tout composant React :
tout composant [React](../../term/react.md) :

```jsx
// App.jsx
Expand Down Expand Up @@ -279,7 +279,7 @@ acceptant du JSX.
### Slots multiple via JSX

Il est possible d'obtenir une structure plus naturelle en utilisant le markup JSX pour définir les slots, des
sous-composants React pour chaque et en utilisant [les APIs React](https://fr.reactjs.org/docs/react-api.html#reactchildren)
sous-composants [React](../../term/react.md) pour chaque et en utilisant [les APIs React](https://fr.reactjs.org/docs/react-api.html#reactchildren)
visant à manipuler la propriété `children`.

Afin d'aboutir à une telle syntaxe :
Expand Down Expand Up @@ -409,7 +409,7 @@ l'implémentation d'un composant `<DropMenu>` utilisant cette approche, TypeScri

## Conclusion

React ne suggère pas de manière explicite la notion de slots, mais il est possible de s'inspirer de ce concept en
[React](../../term/react.md) ne suggère pas de manière explicite la notion de slots, mais il est possible de s'inspirer de ce concept en
exploitant les propriétés de JSX et `children` afin de simuler l'utilisation de slots multiples avec une syntaxe proche
du HTML, semblable à ce qui peut se faire avec d'autres frameworks.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ de l'option [`devServer.watchFiles`](https://webpack.js.org/configuration/dev-se
### Avec Webpack

Par exemple, vous pourriez vouloir recharger automatiquement la page dans votre navigateur lorsque vous modifiez
un fichier Twig ou de l'un des contenus rendus dans votre application Symfony :
un fichier Twig ou de l'un des contenus rendus dans votre application [Symfony](../../term/symfony.md) :

```js
// webpack.config.js
Expand All @@ -59,7 +59,7 @@ la page dès lors que vous modifierez un fichier correspondant à l'un des patte

### Avec Webpack Encore

Si vous développez une application Symfony, il y a toutes les chances que vous utilisiez
Si vous développez une application [Symfony](../../term/symfony.md), il y a toutes les chances que vous utilisiez
[Webpack Encore](https://symfony.com/doc/current/frontend.html).

Auquel cas, la configuration est similaire :
Expand Down
6 changes: 3 additions & 3 deletions content/blog/elao/accessibilite-et-ecriture-inclusive.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,13 +80,13 @@ en rééquilibrant la **visibilité** des hommes et femmes.

## Et l'accessibilité dans tout ça ?

L'**accessibilité**, c'est le fait de rendre un contenu accessible à tous, et notamment aux
L'[**accessibilité**](../../term/accessibilite.md), c'est le fait de rendre un contenu accessible à tous, et notamment aux
**personnes en situation de handicap**.

Je me suis intéressée en particulier à la question des liseurs de texte (ou lecteurs d'écran), qui permettent à des personnes
**aveugles ou malvoyantes** de naviguer sur le web, et de lire des contenus.

Je me demandais comment l'**écriture inclusive** s'accorde avec **l'accessibilité**, en particulier
Je me demandais comment l'**écriture inclusive** s'accorde avec [**l'accessibilité**](../../term/accessibilite.md), en particulier
la forme avec le **point médian**, qui est celle qui déchaîne le plus les passions.

![Cat in front of a computer with glasses](./../../images/blog/2023/accessibilite-et-ecriture-inclusive/cat_glasses_computer.gif)
Expand Down Expand Up @@ -174,7 +174,7 @@ qui facilitent la prononciation de textes utilisant l'**écriture inclusive**.

!!! Success "Ressource vidéo : Écriture inclusive et **accessibilité** numérique"
Voici une [vidéo portée par la **fédération des Aveugles et des Amblyopes de France**](https://www.youtube.com/watch?v=hJeHc3ckou8)
sur l'**accessibilité** et **l'écriture inclusive**.
sur l'[**accessibilité**](../../term/accessibilite.md) et **l'écriture inclusive**.
Elle donne des points de vue et des arguments très intéressants, discutés avec des personnes concernées.

!!! note "Petite parenthèse sur **l'amblyopie**"
Expand Down
4 changes: 2 additions & 2 deletions content/blog/elao/camille-developpeuse-web.md
Original file line number Diff line number Diff line change
Expand Up @@ -88,5 +88,5 @@ Thé, j'ai été team café, mais une mauvaise expérience digestive m'a fait ch
telle une mauvaise cuite de jeunesse. 🤢

### PHP ou JS ?
PHP / Symfony pour l'instant. J'ai presque toujours fait du JS pour mettre en place le front,
j'ai été frustrée par ce côté bazar et bricolage, mais ReactJS et TypeScript me font changer d'avis déjà ! 🤩
PHP / [Symfony](../../term/symfony.md) pour l'instant. J'ai presque toujours fait du JS pour mettre en place le front,
j'ai été frustrée par ce côté bazar et bricolage, mais [ReactJS](../../term/react.md) et TypeScript me font changer d'avis déjà ! 🤩
2 changes: 1 addition & 1 deletion content/blog/elao/onboarding-2022.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ Au cours de la rentrée 2022, elao a accueilli dans son équipe de développemen

Une semaine de septembre peu banale pour nous : à quelques jours d'intervalle, trois personnes franchissent pour la première fois, avec plus ou moins de timidité, le seuil des locaux d'elao. Trois personnalités, et autant de profils différents, auxquels il convient de réserver le meilleur accueil possible. Camille, Romane et Quentin viennent donc de rejoindre notre équipe de développement.

[Romane](../../member/rledru.yaml), étudiante en première année de Master d'informatique, débute son alternance chez elao où elle compte bien parfaire et mettre en pratique ses connaissances en développement. [Camille](../../member/ccastillo.yaml), diplômée d'un Master 2 en informatique et forte de cinq années d'expérience en développement PHP et Symfony, souhaite exercer ses talents dans une nouvelle entreprise où elle pourra diversifier ses compétences. Quant à [Quentin](../../member/qbrouillet.yaml), le doyen, il est développeur PHP depuis peu de temps car il a auparavant exercé ses talents dans d'autres domaines (la communication et la culture, notamment), mais a souhaité rejoindre elao pour se frotter aux bonnes pratiques qui y sont prônées.
[Romane](../../member/rledru.yaml), étudiante en première année de Master d'informatique, débute son alternance chez elao où elle compte bien parfaire et mettre en pratique ses connaissances en développement. [Camille](../../member/ccastillo.yaml), diplômée d'un Master 2 en informatique et forte de cinq années d'expérience en développement PHP et [Symfony](../../term/symfony.md), souhaite exercer ses talents dans une nouvelle entreprise où elle pourra diversifier ses compétences. Quant à [Quentin](../../member/qbrouillet.yaml), le doyen, il est développeur PHP depuis peu de temps car il a auparavant exercé ses talents dans d'autres domaines (la communication et la culture, notamment), mais a souhaité rejoindre elao pour se frotter aux bonnes pratiques qui y sont prônées.

Xavier Gorse et l'équipe avaient été séduits par le profil de ces trois candidats, mais accueillir trois nouveaux la même semaine était inédit pour elao. Il fallait nous assurer que nous étions en capacité d'intégrer autant de nouvelles recrues dans des conditions satisfaisantes et de dégager du temps pour les accueillir et les former. Jusqu'à présent, l'accueil des nouveaux se faisait assez naturellement et sans heurt en se basant sur nos expériences précédentes, et n'avait pas fait l'objet d'une formalisation avancée. Mais les circonstances nous ont incités à nous préparer au mieux à cet événement.

Expand Down
2 changes: 1 addition & 1 deletion content/blog/elao/rix-et-elao.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ Pour répondre à ces questions, nous avons demandé à [Maxime :max-happy:](../

**Eva** : Je vous propose de présenter rapidement les deux activités, du côté d’Elao et de Rix.

**Maxime** : Côté Elao, nous faisons du **développement d’applications web et mobile sur mesure**, spécialement sur du [**Symfony**](glossaire/symfony) côté back et du [**React**](glossaire/react) côté front. On fait également un petit peu de [**Vue JS**](glossaire/vue-js) mais de moins en moins, c’est en fonction des opportunités. Donc notre spécialité, ce sont les applications sur mesure pour les **entreprises** qui ont des processus gérés à l'ancienne et qui souhaitent les moderniser, mais également les **start-ups** aux idées révolutionnaires.
**Maxime** : Côté Elao, nous faisons du **développement d’applications web et mobile sur mesure**, spécialement sur du [**Symfony**](../../term/symfony.md) côté back et du [**React**](../../term/react.md) côté front. On fait également un petit peu de [**Vue JS**](../../term/vue-js.md) mais de moins en moins, c’est en fonction des opportunités. Donc notre spécialité, ce sont les applications sur mesure pour les **entreprises** qui ont des processus gérés à l'ancienne et qui souhaitent les moderniser, mais également les **start-ups** aux idées révolutionnaires.

**Lod** : Chez RIX, nous faisons de l’**hébergement d’application web**, et c’est là qu’on commence à voir le lien avec Elao. Une grosse partie de notre activité repose sur **de l’accompagnement et du conseil**, en particulier **devops**. Ça peut être du conseil sur le choix de l’**infrastructure** et sa mise en place, les limitations des différentes technos ou la refonte de l’existant, surtout en ce moment. On a pas mal de clients qui ont déjà une infra et qui voient les limites atteintes par le développement de leur business. On fait aussi pas mal de **Kubernetes** et sinon de l’**hébergement** assez classique, de la machine virtuelle chez un hébergeur Cloud. On travaille essentiellement avec **OVH** car on essaie de travailler avec des solutions françaises, mais on n’est pas fermés, on a également des clients qui utilisent **AWS** et **Google**.

Expand Down
2 changes: 1 addition & 1 deletion content/blog/elao/romane-alternante-bon-public.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ C'est quand j'ai rencontré des développeurs que j'ai compris que ça pouvait

## Qu'est-ce que tu fais au quotidien chez Elao ?

Dans le cadre de mon Master, j'alterne deux semaines en entreprise et deux semaines en école. De ce fait, je suis souvent sur des tâches à froid et peu urgentes. Je suis très curieuse et touche à tout, Back, Front, Mobile, même devOps, j'ai envie de tout apprendre et surtout de tout comprendre !
Dans le cadre de mon Master, j'alterne deux semaines en entreprise et deux semaines en école. De ce fait, je suis souvent sur des tâches à froid et peu urgentes. Je suis très curieuse et touche à tout, Back, Front, Mobile, même [devOps](../../term/devops.md), j'ai envie de tout apprendre et surtout de tout comprendre !

### Et quand tu ne travailles pas ?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ tweetId: '' # Ajouter l'id du Tweet après publication.
outdated: false # `true` pour marquer un article comme obsolète ou une chaîne de caractère pour un message spécifique à afficher
---

Comme vous le savez, chez Elao ainsi que dans d’autres structures, l’**IA** prend de plus en plus de place que ce soit à travers nos projets internes ou pour le compte de nos clients.
Comme vous le savez, chez Elao ainsi que dans d’autres structures, [l'**IA**](../../term/ia.md) prend de plus en plus de place que ce soit à travers nos projets internes ou pour le compte de nos clients.

À l’agence, nous sommes plusieurs à utiliser quotidiennement le [navigateur ARC](https://arc.net/). Basé sur **Chromium** (également utilisé par Google Chrome), nous avons été ravis d’apprendre que de nouvelles fonctionnalités basées sur l’intelligence artificielle avaient vu le jour.

Expand Down

0 comments on commit c6899e8

Please sign in to comment.