Autodidacte par essence, je partage ici ce que j'aurais aimé apprendre plus tôt dans le dev pour pouvoir aller plus loin plus rapidement.


Tout mon contenu est disponibles sur mon site : [Anthony Capirchio](https://anthony.capirchio.fr).

Anthony Capirchio

Salut, moi c'est Anthony, développeur dans le monde du web depuis une quinzaine d'années. Je suis autodidacte, c’est-à-dire que je me suis formé moi-même. Comme pas mal d'autodidactes, j'ai avant tout cherché à découvrir le code à travers la résolution de problèmes sans forcément m'attarder sur les fondamentaux ainsi que sur les aspects plus bas niveau.
Si j'ai publié ce site, c'est pour revenir sur ce que j'aurais aimé connaître ou comprendre plus tôt dans mon aventure de développeur.
Quel que soit ton niveau, j'espère que ce site te permettra de découvrir ou redécouvrir certains aspects techniques.

De l'usine au dev, 15 ans après, voici ce que j'aurais aimé apprendre


L'API, ou "Application Programming Interface", est un outil qui permet à différents programmes informatiques de communiquer entre eux. En d'autres termes, c'est un moyen pour que différentes applications puissent échanger des données et interagir ensemble.

Prenons un exemple concret : imaginez que vous utilisez une application pour commander de la nourriture en ligne. Lorsque vous passez votre commande, cette application va utiliser une API pour envoyer les détails de votre commande à un système de paiement en ligne. Le système de paiement va alors vérifier si votre paiement est valide, et renvoyer une confirmation de paiement à l'application de commande de nourriture.

Les APIs sont très utiles car elles permettent aux différentes applications de travailler ensemble de manière fluide et efficace. Elles sont également très pratiques pour les développeurs, qui peuvent utiliser des APIs pour ajouter de nouvelles fonctionnalités à leurs applications sans avoir à tout recommencer à zéro.

Une API permet à différentes applications de communiquer et d'échanger des données. Elles sont utiles pour permettre aux applications de travailler ensemble de manière fluide et sont pratiques pour les développeurs qui peuvent ajouter de nouvelles fonctionnalités à leurs applications sans avoir à tout refaire.


Le bus en informatique est un élément central de l'architecture d'un ordinateur. C'est un canal de communication qui relie différents composants de l'ordinateur entre eux. Le bus permet aux différents éléments de l'ordinateur de communiquer entre eux, de manière à pouvoir échanger des données et des instructions.

Prenons un exemple concret : imaginez que vous souhaitez lire un fichier stocké sur votre disque dur. Lorsque vous cliquez sur le fichier, votre processeur va envoyer une instruction au disque dur via le bus. Le disque dur va alors envoyer les données du fichier au processeur via le bus, qui va les afficher à l'écran.

Le bus est donc un élément crucial de l'ordinateur, qui permet aux différents composants de communiquer entre eux. Il existe différents types de bus, qui varient selon la vitesse de communication et la quantité de données qu'ils peuvent transférer.


Le bus en informatique est un canal de communication qui relie les composants d'un ordinateur entre eux, permettant aux éléments de l'ordinateur de communiquer et d'échanger des données et des instructions.

Les cookies sont de petits fichiers texte stockés sur votre ordinateur lorsque vous naviguez sur internet. Ils permettent aux sites web de mémoriser des informations sur vos préférences et votre historique de navigation afin d'améliorer votre expérience en ligne.

Les cookies sont gérés par les navigateurs web (comme Google Chrome ou Mozilla Firefox) et peuvent être utilisés par les API (Application Programming Interface) pour stocker des données sur un serveur distant.

Un cas d'utilisation courant des cookies est lorsque vous vous connectez à un site web avec votre compte utilisateur. Le site enregistre un cookie sur votre ordinateur afin de vous identifier lors de votre prochaine visite et de vous offrir un accès rapide à votre compte.

Les cookies peuvent également être utilisés pour enregistrer vos préférences de navigation, comme les articles que vous avez consultés ou les produits que vous avez ajoutés à votre panier d'achat. Cela permet au site web de personnaliser votre expérience en ligne en fonction de vos goûts et de vos intérêts.

Les API peuvent également utiliser des cookies pour stocker des informations sur un serveur distant. Par exemple, si vous utilisez une application mobile pour accéder à un site web, l'API peut utiliser un cookie pour stocker vos informations de connexion sur le serveur, afin de vous permettre de vous connecter rapidement lors de votre prochaine utilisation de l'application.

En résumé, les cookies sont des fichiers texte utilisés par les navigateurs web et les API pour stocker des informations sur votre ordinateur et améliorer votre expérience en ligne. Ils peuvent être utilisés pour enregistrer vos préférences de navigation, votre historique de navigation et vos informations de connexion pour un accès rapide à vos comptes utilisateur.

Les cookies sont des petits fichiers stockés sur l'ordinateur d'un utilisateur par un site web pour enregistrer des informations sur ses préférences et ses activités en ligne.

Cookie

Les entêtes CORS, ou "Cross-Origin Resource Sharing", sont une série d'entêtes HTTP qui permettent de contrôler l'accès à des ressources web depuis un autre domaine. Ces entêtes sont utilisées pour gérer les requêtes de type "cross-origin", c'est-à-dire lorsqu'une ressource est demandée depuis un autre domaine que celui auquel elle appartient.

Par exemple, imaginons que vous avez un site web qui affiche des données provenant d'une API externe. Lorsque vous effectuez une requête à cette API depuis votre site, le navigateur web va envoyer une demande de type "cross-origin" au serveur de l'API. Le serveur de l'API va alors vérifier les entêtes CORS envoyées par le navigateur, afin de déterminer s'il doit autoriser ou non l'accès à la ressource demandée.

Les entêtes CORS sont donc très utiles pour gérer l'accès aux ressources web depuis différents domaines. Elles permettent de contrôler qui peut accéder à ces ressources, et de protéger les données des utilisateurs contre les accès non autorisés.

CORS


Docker est un logiciel qui permet de créer, de déployer et d'exécuter des applications dans des conteneurs. Un conteneur est une sorte d'environnement isolé qui contient tout ce dont l'application a besoin pour fonctionner, comme les bibliothèques, les fichiers de configuration et les dépendances.

En utilisant Docker, les développeurs peuvent créer des applications dans des conteneurs sur leur ordinateur local et être sûrs qu'elles fonctionneront de la même manière une fois déployées sur un serveur ou un autre ordinateur. Cela permet de faciliter le déploiement d'applications et de s'assurer que tous les membres de l'équipe de développement utilisent la même configuration.

La virtualisation est une technologie qui permet de faire fonctionner plusieurs systèmes d'exploitation et leurs applications sur un seul ordinateur physique. Cela permet d'utiliser plusieurs ordinateurs virtuels sur un seul ordinateur physique, ce qui peut être utile pour exécuter des applications qui ont des exigences spécifiques en matière de système d'exploitation ou pour s'assurer que les applications sont isolées les unes des autres.

La différence entre Docker et la virtualisation réside principalement dans la façon dont les applications sont exécutées. Avec Docker, les applications sont exécutées dans des conteneurs qui partagent le même système d'exploitation que l'ordinateur sur lequel ils sont déployés. Cela permet de créer des conteneurs plus légers et plus rapides à déployer que des machines virtuelles complètes.

En résumé, Docker est une technologie qui permet de créer, de déployer et d'exécuter des applications dans des conteneurs, tandis que la virtualisation permet de faire fonctionner plusieurs systèmes d'exploitation et leurs applications sur un seul ordinateur physique. Docker est souvent considéré comme une solution plus légère et plus rapide que la virtualisation, mais cela dépend des besoins de l'application et de l'environnement de déploiement.

Docker est une technologie qui permet d'empaqueter et de déployer des applications dans des conteneurs logiciels isolés.

Docker


Le protocole FTP (File Transfer Protocol) est un protocole de communication utilisé pour transférer des fichiers entre des ordinateurs sur un réseau. Il permet à un utilisateur de se connecter à un serveur FTP, de naviguer dans les dossiers du serveur et de télécharger ou de téléverser des fichiers.

Pour se connecter à un serveur FTP, vous avez besoin d'un nom d'utilisateur et d'un mot de passe. Une fois connecté, vous pouvez naviguer dans les dossiers du serveur en utilisant des commandes simples, comme "cd" pour accéder à un dossier ou "ls" pour afficher la liste des fichiers dans le dossier actuel.

Vous pouvez également utiliser des commandes pour téléverser ou télécharger des fichiers. Par exemple, la commande "put" vous permet de téléverser un fichier depuis votre ordinateur vers le serveur, tandis que la commande "get" vous permet de télécharger un fichier depuis le serveur vers votre ordinateur.

Le FTP est un protocole utile pour transférer des fichiers, mais il présente des limites en termes de sécurité. Par exemple, les données transférées ne sont pas chiffrées, ce qui signifie qu'elles peuvent être lues par n'importe qui sur le réseau. De plus, les mots de passe sont généralement envoyés en clair, ce qui les rend vulnérables aux attaques de piratage. Pour ces raisons, il est préférable d'utiliser d'autres protocoles plus sécurisés, comme SFTP ou HTTPS, pour transférer des fichiers sensibles.

Le protocole FTP (File Transfer Protocol) est un protocole de communication utilisé pour transférer des fichiers entre ordinateurs sur un réseau informatique.

Le modèle OSI (Open Systems Interconnection) est un modèle de réseau utilisé pour faciliter la communication entre différents équipements informatiques. Ce modèle a été développé par l'ISO (Organisation internationale de normalisation) et est devenu une norme dans le domaine de l'informatique.

Le modèle OSI est composé de 7 couches, chacune ayant un rôle précis dans la communication des données sur un réseau. Ces couches sont les suivantes :

1. La couche physique : cette couche gère les aspects matériels du réseau, comme les câbles, les connecteurs et les équipements réseau.
2. La couche de liaison de données : cette couche gère la communication entre les équipements du réseau en utilisant des protocoles de communication spécifiques.
3. La couche réseau : cette couche gère la communication entre les différents réseaux en utilisant des protocoles de routage pour acheminer les données vers leur destination.
4. La couche transport : cette couche gère la fiabilité et la qualité de service des données transmises sur le réseau en utilisant des protocoles de transport spécifiques.
5. La couche de session : cette couche gère la communication entre les différents programmes sur les équipements du réseau en utilisant des protocoles de session.
6. La couche présentation : cette couche gère la présentation des données aux utilisateurs finaux en utilisant des protocoles de formatage de données.
7. La couche application : cette couche gère les fonctionnalités spécifiques aux applications utilisées par les utilisateurs finaux, comme le partage de fichiers ou le courrier électronique.

Le modèle OSI est utilisé pour faciliter la communication entre différents équipements informatiques en s'assurant que les données sont transmises de manière fiable et efficace. Cela permet aux différents équipements de travailler ensemble pour fournir des services de réseau de qualité aux utilisateurs finaux

Le modèle OSI (Open Systems Interconnection) est un modèle de référence pour les réseaux informatiques, qui définit les sept couches fonctionnelles d'un système de communication réseau.

Modèle OSI


Une API REST (Application Programming Interface - Interface de Programmation d'Applications) est un ensemble de règles et de normes permettant à différentes applications de communiquer entre elles via internet. Elle permet de partager des données et des fonctionnalités entre ces applications, sans avoir à se soucier de la technologie utilisée par chacune d'elles.

Le fonctionnement d'une API REST se base sur le concept de requêtes et de réponses. Lorsqu'une application souhaite accéder aux données ou aux fonctionnalités d'une autre application, elle envoie une requête à l'API REST de cette dernière. Cette requête contient des informations sur l'action à effectuer (par exemple, récupérer des données ou en ajouter de nouvelles) ainsi que les éventuels paramètres nécessaires (par exemple, le nom d'un utilisateur pour une requête de récupération de données).

L'API REST reçoit cette requête et la traite, en utilisant les données qu'elle contient pour effectuer l'action souhaitée. Une fois cette action terminée, l'API REST envoie une réponse à l'application qui a envoyé la requête, avec les données ou le résultat de l'action demandée.

Le fonctionnement d'une API REST se base également sur les verbes HTTP (GET, POST, PUT, DELETE), qui permettent de définir l'action à effectuer dans la requête. Par exemple, si une application souhaite récupérer des données depuis l'API REST, elle utilisera le verbe HTTP GET dans sa requête ; si elle souhaite ajouter de nouvelles données, elle utilisera le verbe HTTP POST.

En utilisant une API REST, les applications peuvent donc partager des données et des fonctionnalités entre elles de manière efficace et transparente, sans avoir à se soucier de la technologie utilisée par chacune d'entre elles. Cela permet notamment de faciliter la création de services web complexes en reliant différentes applications entre elles

Les API REST sont des interfaces de communication utilisées pour échanger des données entre différents systèmes informatiques en utilisant les principaux verbes HTTP (GET, POST, PUT, DELETE) et en suivant une architecture reposant sur le principe de la ressource REST.

REST

C’est un sujet qui revient régulièrement dans les questions d’entretiens d’embauche : Que se passe-t-il lorsque nous entrons une url dans notre navigateur et pressons la touche “entrer” ?

Cette question est particulièrement pertinente pour diverses raisons : 

- Elle permet d’évaluer le niveau de connaissance générale du candidat sur le fonctionnement d’internet et de l’informatique
- Elle permet d’évaluer la capacité du candidat à être synthétique
- Elle permet également de voir si le candidat sait dire qu’il ne sait pas

Si j’en parle ici c’est surtout parce que c’est également un excellent fil rouge pour apprendre ou réapprendre comment fonctionne le web.

Nous allons revenir sur la vision macro dans cet article et appuyer, au fur et à mesure, les propos avec des articles dédiés.

## **Étape 1 : Parsing de l’URL**

Une URL comme `https://www.exemple.net/demo?user=1234` doit être décomposée pour que le navigateur puisse l’exploiter. C’est ce qu’on appelle le **parsing de l’URL**. Voici les principaux éléments d’une URL :

- **Protocole/Scheme** : Définit le mode de communication. `https://` indique une connexion sécurisée via HTTPS.
- **Domaine** : `www.exemple.net` est utilisé pour identifier le serveur.
- **Chemin (Path)** : `demo` spécifie la ressource à récupérer sur le serveur.
- **Query String** : `?user=1234` contient des paramètres transmis avec la requête.

Cette étape permet au navigateur de préparer la requête réseau.

## **Étape 2 : Vérification du cache**

“tu as bien vidé ton cache ?” - Si c’est une esquive, c’est aussi  une réalité.

Avant d’envoyer une requête réseau, le navigateur vérifie si la page ou ses ressources (HTML, CSS, images, JavaScript) sont déjà disponibles dans son **cache local** afin d’économiser une requête. 

Le cache permet de réduire le temps de chargement et l’utilisation du réseau :

- Si une copie valide est trouvée, elle est directement utilisée.
- Si le contenu a expiré (selon les directives envoyées par le serveur), une requête réseau est lancée.

Le cache peut inclure des copies partielles ou complètes des ressources, optimisant ainsi le chargement des pages fréquemment visitées.

## **Étape 3 : Résolution DNS**

Si le cache ne contient pas de réponse valide, le navigateur doit traduire le domaine en une **adresse IP** via le DNS (Domain Name System). Le DNS agit comme un annuaire pour transformer un domaine comme `www.exemple.net` en une adresse IP comme `93.184.216.34` , car si l’utilisation d’un nom de domaine facilite grandement sa mémorisation, la communication entre un client et un serveur se fait exclusivement avec une adresse IP.

Voici les étapes principales de la résolution DNS :

1. Le navigateur vérifie son propre cache DNS local.
2. Si aucune correspondance n’est trouvée, il interroge un **serveur DNS récursif** (souvent fourni par le FAI).
3. Ce serveur DNS peut lui-même consulter d’autres serveurs :
    1. Les **serveurs racine** pour identifier le TLD (Tope Level Domain - ex. .net).
    2. Les **serveurs d’autorité** pour récupérer l’adresse exacte.
4. Une fois l’adresse IP obtenue, elle est renvoyée au navigateur.

Ce processus peut impliquer plusieurs requêtes, souvent transmises via UDP.

## **Étape 4 : Ouverture de la connexion TCP**

Avec l’adresse IP en main, le navigateur établit une connexion réseau avec le serveur. Cela passe par le protocole TCP (Transmission Control Protocol), qui garantit une communication fiable grâce au **handshake à trois étapes** :

1. Le client envoie un paquet **SYN** (synchronisation) au serveur.
2. Le serveur répond avec un paquet **SYN-ACK** (synchronisation + acquittement).
3. Le client termine avec un paquet **ACK** (acquittement).

Pour les connexions sécurisées via HTTPS, un **handshake TLS** suit immédiatement. Ce dernier utilise des certificats pour authentifier le serveur et chiffrer les échanges.

## **Étape 5 : Envoi de la requête HTTP**

Une fois la connexion TCP ouverte, le navigateur envoie une **requête HTTP** pour demander la ressource. Cette requête inclut :

- **Méthode** : La plupart des requêtes initiales utilisent la méthode GET.
- **En-têtes** : Contiennent des métadonnées, comme le type de navigateur (*User-Agent*) ou les cookies.
- **Paramètres** : Transmettent les informations nécessaires au serveur via l’URL ou le corps de la requête (pour POST).

Avec HTTP/2 ou HTTP/3, les navigateurs modernes optimisent ce processus grâce à la multiplexation, permettant de charger plusieurs ressources en parallèle.

## **Étape 6 : Traitement de la requête par le serveur**

Une fois la requête reçue, le serveur effectue les opérations nécessaires pour fournir une réponse :

1. **Identification de la ressource** : Le serveur détermine si le fichier demandé existe.
2. **Traitement applicatif** : Pour les sites dynamiques, le serveur peut exécuter du code (ex. PHP, Go) et interroger une base de données.
3. **Génération de la réponse HTTP** : Inclut le code de statut (200 pour succès, 404 pour non trouvé, etc.) et le contenu demandé.

La réponse est ensuite encapsulée dans des paquets TCP pour être renvoyée au navigateur.

## **Étape 7 : Réception et affichage des ressources**

Lorsque le navigateur reçoit la réponse, il commence immédiatement à traiter les ressources :

1. Le HTML est analysé pour construire le **DOM** (Document Object Model), une représentation hiérarchique des éléments de la page.
2. Les fichiers CSS sont chargés et appliqués pour déterminer le style et la mise en page.
3. Les scripts JavaScript sont exécutés pour ajouter de l’interactivité.

Ces étapes, appelées **parsing**, **layout** et **painting**, sont gérées par le moteur de rendu du navigateur (comme Blink pour Chrome). Pendant ce temps, des requêtes supplémentaires sont envoyées pour charger les ressources manquantes (images, polices, etc.).

Comprenez les étapes clés qui se déroulent lorsque vous entrez une URL dans votre navigateur : parsing, cache, résolution DNS, connexion TCP, requête HTTP, et rendu des ressources. Un guide essentiel pour maîtriser le fonctionnement du web.

Navigateur


Dans le monde de l’IT, comme dans bien d’autres domaines, les incidents ne surviennent pas à cause d’une seule défaillance, mais souvent en raison d’une série de petites erreurs ou failles qui, mises bout à bout, mènent à un désastre. C’est là que le **modèle du gruyère** trouve tout son sens.

## **Le modèle du gruyère : Définition et origine**

Proposé initialement par James Reason dans le domaine de la gestion des risques et de la sécurité aérienne, le modèle du gruyère visualise les défenses d’un système sous forme de couches successives de fromage. Chaque tranche représente une **barrière** ou une **mesure de protection** contre les risques.

Cependant, aucune barrière n’est parfaite : chaque tranche possède des trous – des **failles** ou **vulnérabilités** – qui, isolément, ne posent pas de problème majeur.

Mais lorsque ces trous s’alignent à travers plusieurs tranches, un chemin direct se crée, permettant à un incident critique de se produire. C’est l’alignement des failles qui est à l’origine des catastrophes.

Dans l’IT, ce concept trouve une application directe dans des domaines tels que la **cybersécurité**, la **gestion des incidents**, le **développement logiciel**, et bien d’autres.

## **Comment réduire l’alignement des trous : La défense en profondeur en action**

Réduire l’alignement des trous dans le modèle du gruyère ne signifie pas chercher à éliminer toutes les failles – cela serait irréaliste. En revanche, il s’agit de construire un système résilient grâce à une **stratégie de défense en profondeur**, où chaque couche joue un rôle spécifique et complémentaire.

Explorons les différentes manières de renforcer ces couches et de limiter le risque d’un alignement catastrophique.

### **1. Automatiser les processus pour limiter les erreurs humaines**

Les erreurs humaines sont une des principales sources de vulnérabilités dans les systèmes IT. Pour pallier cela, l’automatisation est une solution puissante. Par exemple :

- **Infrastructure as Code (IaC)** : Utiliser des outils comme Terraform ou AWS CloudFormation permet de configurer et de déployer l’infrastructure de manière répétable et sans erreur humaine. Cela réduit les risques liés à des configurations manuelles, comme des permissions mal définies ou des ouvertures réseau non intentionnelles.
- **Tests automatisés** : Mettre en place une batterie de tests unitaires, d’intégration, et de tests end-to-end dans le pipeline de CI/CD garantit que chaque modification est validée avant son déploiement. Cela crée une barrière solide contre l’introduction de bugs en production.
- **Alertes dynamiques** : Les systèmes de monitoring peuvent utiliser des algorithmes basés sur des modèles (machine learning ou basiques comme les seuils adaptatifs) pour générer des alertes plus pertinentes. Cela élimine les faux positifs et permet une réponse rapide en cas de problème réel.

L’automatisation ne remplace pas les humains, mais elle réduit leur exposition aux tâches répétitives et sujettes aux erreurs, leur permettant de se concentrer sur les problèmes complexes.

### **2. Multiplier les couches de défense**

La diversité des couches de défense est essentielle pour absorber les chocs et éviter qu’une faille ne traverse tout le système. C’est l’idée clé de la défense en profondeur (Defense in Depth). Chaque couche compense les faiblesses des autres, créant ainsi un système résilient.

- **Sécurité périmétrique** : Les pare-feux et les proxies agissent comme des barrières extérieures. Ils filtrent le trafic et empêchent les accès non autorisés. Mais ils ne peuvent pas tout voir, surtout en cas d’attaques internes ou d’erreurs de configuration.
- **Authentification forte** : L’implémentation de solutions comme l’authentification multi-facteurs (MFA) ou les certificats numériques renforce la sécurité des identités. Ainsi, même si un mot de passe est compromis, l’accès non autorisé reste bloqué.
- **Chiffrement des données** : Que ce soit pour les données en transit (TLS) ou au repos (AES-256), le chiffrement garantit que même si une intrusion se produit, les données restent inutilisables pour l’attaquant.
- **Segmentation réseau** : Plutôt que d’avoir un réseau monolithique, la segmentation isole les environnements sensibles (par exemple, les bases de données) du reste du réseau. Si une partie du système est compromise, l’attaque ne peut pas se propager facilement.
- **Surveillance continue** : Des systèmes comme Prometheus, Datadog ou Splunk détectent les anomalies en temps réel. Cette surveillance agit comme une barrière proactive qui identifie les comportements anormaux avant qu’ils ne causent des dégâts.

Chaque couche est imparfaite, mais leur combinaison rend le système beaucoup plus robuste face aux menaces.

### **3. Apprendre des incidents passés : Les post-mortems**

Les incidents, même désagréables, sont une opportunité précieuse pour apprendre. Lorsqu’un problème survient, il est crucial de conduire un **post-mortem** rigoureux pour identifier :

- **Les causes profondes** : Quels trous se sont alignés pour permettre l’incident ?
- **Les actions correctives** : Comment renforcer les défenses pour éviter que ce type de problème ne se reproduise ?
- **Les points de friction organisationnels** : Par exemple, un manque de communication entre équipes ou une procédure mal documentée.

Un bon post-mortem n’a pas pour but de blâmer, mais de construire un système plus résilient. Les conclusions doivent être partagées et intégrées dans les processus pour que l’ensemble de l’organisation en bénéficie.

### **4. Simuler les crises : Tester avant que les problèmes n’arrivent**

Attendre qu’un incident survienne pour tester ses défenses est une stratégie risquée. Les simulations permettent d’anticiper et de repérer les failles avant qu’elles ne soient exploitées. Parmi les pratiques courantes, on retrouve :

- **Pré-mortems** : Contrairement aux post-mortems, cette approche consiste à imaginer ce qui pourrait mal tourner avant qu’un projet ne démarre. L’équipe réfléchit aux risques potentiels et propose des solutions proactives.
- **Chaos engineering** : Des outils comme Chaos Monkey injectent volontairement des pannes dans les systèmes pour tester leur résilience. Cette méthode aide à repérer les points faibles et à s’assurer que les systèmes peuvent continuer à fonctionner malgré des perturbations.
- **Exercices de réponse aux incidents** : Simuler une panne ou une cyberattaque permet de tester les processus d’escalade, la communication entre les équipes et l’efficacité des procédures en place. Ces exercices mettent souvent en lumière des trous inattendus dans les défenses.

### **5. Former les équipes : Une défense humaine essentielle**

Même avec les meilleures technologies et processus en place, les équipes restent la première ligne de défense. Des collaborateurs mal formés ou mal informés peuvent devenir des maillons faibles, alors qu’un personnel compétent et conscient des risques peut faire toute la différence.

- **Sensibilisation à la sécurité** : Former les employés aux bonnes pratiques, comme la détection de phishing ou la gestion des mots de passe, réduit significativement les risques d’erreurs humaines.
- **Formation technique continue** : Les équipes IT doivent rester à jour sur les dernières technologies, vulnérabilités, et solutions. Par exemple, comprendre comment fonctionne un zero-day ou maîtriser les outils de monitoring modernes est essentiel pour maintenir une posture de sécurité optimale.
- **Partage des connaissances** : Encourager la documentation et le partage des apprentissages au sein des équipes garantit que les savoirs ne sont pas concentrés dans les mains de quelques experts, rendant ainsi l’organisation plus résiliente.

**La défense en profondeur, un investissement obligatoire**

Adopter une approche de défense en profondeur exige du temps, des ressources, et une coordination interdisciplinaire. Chaque couche de défense a un coût, mais l’absence de ces couches peut coûter bien plus cher en cas d’incident majeur. En combinant **technologie**, **processus**, et **formation**, les organisations peuvent limiter le risque d’alignement des failles et construire des systèmes capables de résister aux imprévus.

La clé est d’accepter qu’aucun système n’est parfait, mais qu’en renforçant chaque tranche du gruyère, nous réduisons considérablement les chances qu’une faille traverse toutes les couches. C’est un effort continu, mais les résultats en termes de stabilité, de sécurité et de résilience en valent largement la peine. 🧀

Découvrez comment le modèle du gruyère s’applique à l’IT pour comprendre et réduire les risques grâce à une défense en profondeur. Sécurité, résilience, et bonnes pratiques au cœur de vos systèmes.

Défense en pronfondeur et modèle du gruyère


J’aime coder, et parce que j’aime coder, il peut m’arriver de me convaincre que telle ou telle fonctionnalité pourrait être super utile, simplement parce que la développer serait assez excitant. Mais n’est-ce pas en réalité une forme de pollution du projet ?

Je suis développeur, le code j’aime ça, je dirais même que j’adore. Plus que ça, c’est la résolution de problèmes à l’aide du code qui me fait palpiter. 

Dans mon métier, au quotidien, c’est plutôt un avantage non négligeable, mais assez fréquemment c’est un poison. Un poison pour la simple et bon raison que si mon plaisir est dans la résolution de problèmes, ça veut également dire que j’aime les problèmes… Comme beaucoup de dev, je joue régulièrement le rôle du pompier pyromane en créant moi-même des problèmes. 

Non, pas des bugs ou des dysfonctionnements, ça n’aurait pas beaucoup de sens, mais des fonctionnalités. Après tout, comment pourrais-je me voir reprocher l’ajout de nouvelles fonctionnalités ? C’est toujours bien d’avoir de nouvelles fonctionnalités dans un système non ?

Dans une grande partie des cas, **non**, ça n’est pas forcément une bonne chose d’ajouter de nouvelles fonctionnalités. Ce n’est pas une bonne idée parce qu’une feature, c’est au minimum :

- De la modélisation / conception
- De l’écriture de code
- De l’écriture de tests
- De l’écriture de documentation
- Très potentiellement de la refacto
- Un risque de régression

En gros, ça prend du temps, de l’énergie, et ça risque même de foutre le bazar dans le projet. 

La question qui se pose ici c’est : est-ce que le jeu en vaut la chandelle ? 

Plus exactement, est-ce que cette nouvelle fonctionnalité a un intérêt fondé autre que simplement venir nourrir mon besoin de résoudre des problèmes ? 

C’est une vraie question. Encore aujourd’hui j’ai stoppé un dev en plein milieu simplement parce que j’ai réalisé qu’il avait des conséquences non négligeables sur mon projet alors que sa seule raison d’être était un « ça pourrait être vachement utile cette fonctionnalité ». 

À vrai dire, dès que cette idée fait surface, il y a potentiellement une embrouille à venir. 

Comme assez souvent, pour se remettre sur les rails, il faut retourner à une certaine forme de radicalité. C’est de cette manière que je tente de plus en plus de prendre en compte deux approches majeures :

- YAGNI
- Philosophie UNIX

## YAGNI

> «*You ain’t gonna need it »*
> 

Pourquoi ajouter cette fonctionnalité alors que tu n’en auras pas besoin ?

Globalement l’idée est de se limiter à ajouter des fonctionnalités qui sont véritablement  nécessaires. C’est assez radical, mais il faut voir ça comme une cure de désintoxication, car il est bien question de toxicité. 

Toxicité parce qu’en plus de faire consommer du temps inutilement, le développement pour l’auto satisfaction risque d’introduire des régressions ou encore de la dette technique. Ça apporte plus de galères qu’autre chose. 

L’idée est donc de se poser une question simple : mon projet a-t-il un besoin vital de cette fonctionnalité ?

L’idée d’un besoin « vital » est centrale ici. Il est vaguement question de se demander si le projet peut simplement exister sans la fonctionnalité en question.

Est-ce que le projet peut vivre sans cette feature ? Alors cette fonctionnalité  n’est absolument pas nécessaire, elle peut être mise à l’écart. 

## Philosophie UNIX

> Fais une chose et fais le bien
> 

C’est probablement un des principes les plus importants de la philosophie UNIX. 

C’est l’idée qu’un programme doit se limiter à un domaine bien précis et ne pas déborder sur un autre. 

Par exemple, le programme `ls` se contente de lister le contenu d’un répertoire. Il possède pas mal d’options, mais se contente de rester dans son domaine : lister le contenu d’un répertoire. 

Il existe bien évidemment des programmes plus complexes comme `ssh` mais concrètement, il se limite à établir une connexion SSH. Il est possible de faire de la redirection de port, d’exécuter une commande à distance, mais il reste dans son domaine : établir une connexion SSH. 

Vous voulez copier un fichier via SSH ?

Pas de soucis, le programme `scp` est là pour ça, mais ça n’est pas une fonctionnalité du programme `ssh`. 

## Attendre un besoin signifie-t-il ne plus anticiper ?

C’est exactement à ce moment que nous pouvons être tentés de retomber dans la création de features non sollicités et malheureusement, je ne connais pas d’acronyme faisant référence à une quelconque philosophie.

Ici, pas de règle, simplement se faire confiance à soi-même. Faire confiance à son expérience, à sa connaissance du métier / produit.

Les principes comme YAGNI ne permettent en réalité que d’apprendre à se maîtriser soi-même. Il n’est aucunement question de règles à suivre de manière dogmatique, mais plutôt d’outils pour alimenter son auto discipline.

J’aime coder, et parce que j’aime coder, il peut m’arriver de me convaincre que telle ou telle fonctionnalité pourrait être super utile, simplement parce que la développer serait assez excitant. Mais n’est-ce pas en réalité une forme de pollution du projet ?

Et si je foutais cette feature la poubelle ?

Dans ce billet nous allons revenir sur l’aversion que peuvent avoir les développeurs envers les recruteurs et sur la nécessité de les voir comme des partenaires plutôt que comme des ennemies. 

Désolé pour toi Camarade recruteur si tu passes par là, ça peut sembler très cru, mais autant être très clair et éviter de tourner autour du pot.

## Pourquoi les développeurs détestent-ils les recruteurs ?

Ce n’est ni un secret, ni un tabou. Les développeurs ont tendance à mépriser les recruteurs et soyons honnêtes, pendant longtemps il y a eu des raisons plus que valables d’adopter cette posture. 

Entre la recherche du mouton à 5 pattes, du « Javascript Ninja » ou encore de développeur Java parce que sur le profil il y a écrit Javascript, les prises de contact automatisées par mail ou LinkedIn souvent à côté de la plaque, la difficulté à obtenir des informations de base sur la mission avant un éventuel entretien téléphonique, … Les relations peuvent être assez compliquées. 

Globalement nous avons tendance à avoir le sentiment d’être des marchandises que les recruteurs souhaitent exploiter sans même chercher à comprendre ce que nous faisons ni même ce que nous sommes. 

Il faut cependant être totalement honnête, les recruteurs charcutiers ne sont pas la totalité des recruteurs. Il y a fort heureusement beaucoup d’excellents recruteurs avec une véritable connaissance de la tech et possédant une véritable approche humaine (oui bon ça veut tout et rien dire cette formule, je l’admets volontiers).

## Et si nous devions simplement les considérer comme des apporteurs d’affaire ?

Que nous aimions les recruteurs ou non, qu’ils nous aiment ou non, il ne faut surtout pas perdre de vue le principal : nous faisons du business.

Si dans le contexte d’un poste de salarié nous pourrions avoir une vision totalement différente, pour ce qui est du freelancing, il faut garder à l’esprit que les recruteurs sont des apporteurs d’affaire, des liens entre nous et les clients finaux.

Quand un commercial vient te proposer une mission en régie sur 6 mois avec un TJM de 650€, c’est avant tout un contrat d’environs 80k€ qui t’est proposé. C’est loin d’être négligeable, d’autant plus que ce contrat de 80k€, tu n’aurais probablement pas pu l’obtenir autrement.

Rembobinons.

Comment ça le contrat n’aurait pas pu être obtenu autrement ? 

Il est capital de savoir que pour beaucoup d’entreprises, notamment des grandes entreprises et grands groupes, il faut être référencé comme fournisseur pour pouvoir faire de la prestation. Pour être référencé, il faut répondre à un cahier des charges qui ne pourrait juste pas être défendu par un freelance seul. C’est ainsi que pour pouvoir faire des missions dans certaines entreprises, il n’y a pas le choix : il faut passer par un tiers.

Dans ce contexte, quoi de mieux que d’avoir des partenaires qui viennent te proposer des missions ?

## Comment les free pourraient reprendre l’ascendant

Maintenant que nous avons dressé un petit topo sur le sujet, prenons un instant pour imaginer comment nous, freelances, pourrions reprendre la main sur cette relation qui a souvent tendance à nous écraser un peu.

Ce que je souhaite détailler ici, c’est la mise ne place d’un document qui pourra être partagé directement avec les recruteurs lorsqu’ils prennent contact.

Ce document peut être un PDF ou une page en ligne. En ce qui me concerne, j’ai mis ça sur Notion, sous la forme d’une page publique. De cette manière je peux la partager facilement 

### Informations essentielles

Dans un premier temps, le document commence par les informations essentielles : 

- TJM
- Localisation
- Télétravail (fréquence, si concerné)
- Durée de mission souhaité
- Liens utiles (Github, Linkedin, page Malt, …)

L’idée 

### Critères de mission

Ensuite, définissons clairement ce que nous souhaitons et ne souhaitons pas.

- Quel type d’industrie souhaité ou refusé ?
- Quel type de mission, stack, responsabilité, … ?
- Quelle localisation, fréquence de remote ?
- Quel TJM ?
- …

Bref, l’idée ici est de lister très clairement ce que l’ont veut et ne veut pas. Attention, les nuances sont importantes. Il y a ce que l’ont veut et ce que l’ont souhaite, ce que l’ont ne souhaite pas et ce que l’ont refuse.

Il est également utile de préciser ce sur quoi il est possible de négocier, par exemple : 

> Sur site maximum 2x par semaine (idéalement 1x ou roulement 2x toutes les deux semaines).
Possible d’être sur site un peu plus longtemps au démarrage de la mission.
> 

Ensuite, il est nécessaire de proposer une synthèse de son profile, idéalement en un paragraphe. Les expériences détaillées viennent à la fin du document, par besoin de noyer le lecteur dans trop d’information dès le départ.  

### Prise de rendez-vous

Ce document, finalement, c’est un tunnel de vente. Un tunnel de vente doit mener à une action. Dans notre cas, l’action c’est une prise de rendez-vous. 

Vous pouvez inclure le widget d’un outil comme Calendly qui permettra de gérer tout le processus de prise de rendez-vous. Concrètement, vous liez votre agenda à l’outil pour empêcher la prise de rendez-vous à des moments où vous n’êtes pas dispo. Il est également possible (nécessaire) de déterminer des créneaux pour les prises de rendez-vous. Par exemple, le 10h a 11h et de 16h à 17h du mardi au jeudi. 

Il existe encore pas mal de fonctionnalités comme la création de visio automatique, le rappel de rdv aux participants ou encore l’ajout de périodes impossible à réserver avant et après un événement. 

De cette manière, il est possible de laisser au recruteur la possibilité de poser un rendez-vous de 10/15 minutes à un moment qui vous convient. 

### CV

C’est la fin du document. Il faut, c’est à ce moment que le contenu le plus imposant peut être placé, comme une forme d’annexe. 

Bien que le CV soit proposé au téléchargement au début du document, il peut être utile de laisser la possibilité au recruteur de le voir directement dans le document sans avoir à télécharger quoi que ce soit.


Dans ce billet nous allons revenir sur l’aversion qu’ont les développeurs envers les recruteurs et sur la nécessité de les voir comme des partenaires plutôt que comme des ennemies.  Nous terminerons par une réflexion sur le rôle des recruteurs et sur l’évolution de celui-ci dans les années à venir. 

En tant que Freelance, faut-il haïr les recruteurs ?


Ils sont là, bien cachés, prêts à nous bondir sur le coin du nez avec leurs grosses erreurs rouges venant défigurer la console de notre navigateur.

Je parle des entêtes CORS, ces fameux entêtes qui viennent vous rappeler que non, tout ne roule pas systématiquement sur des roulettes. 

Et si je vous disais que les CORS étaient là en réalité pour vous protéger ? 

## Les cookies laissent des miettes

Avant de rentrer dans quoi que ce soit comme explication, il est fondamental de revenir sur ce qui est un des plus gros risques dans un navigateur : les cookies. 

Alors non, dans les faits, les cookies ne représentent pas le moindre danger, cependant il faut savoir que chaque requête HTTP contient systématiquement les cookies liés au domaine appelé. 

Cela signifie que si je fais une requête sur [https://mabanque.fr/solde](https://mabanque.fr/solde), tous les cookies liés à ce domaine présents sur mon navigateur seront transmis dans la requête.

C’est de cette manière que les cookies transitent, lorsqu’ils ont été déposés sur le navigateur, ils sont automatiquement intégrés aux requêtes sortantes.

C’est d’ailleurs pour cette raison que vous pouvez voir les domaines associés aux cookies dans votre console. 

 

![Capture d’écran 2022-10-24 à 20.55.13.png](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0c163522-08e9-4d18-a816-9e90ab1131f0/Capture_decran_2022-10-24_a_20.55.13.png)

Lorsque nous nous authentifions sur un site, généralement le site va déposer un cookie contenant un identifiant de session, voir un token. De cette manière, lorsque nous effectuons des requêtes vers le site en question, il peut récupérer l’identifiant de la session contenue dans les cookies pour s’assurer que l’utilisateur est bien connecté et ainsi lui donner accès à la ressource demandée.

![..](https://mermaid.ink/svg/eyJjb2RlIjoic2VxdWVuY2VEaWFncmFtXG4gICAgQnJvd3Nlci0-PitBUEk6IEF1dGhlbnRpZmljYXRpb25cbiAgICBBUEktPj4tQnJvd3NlcjogSUQgZGUgc2Vzc2lvbiAodmlhIHVuIGNvb2tpZSlcbiAgICBCcm93c2VyLT4-K0FQSTogUmVxdcOqdGUgcXVlbGNvbnF1ZSAoaW5jbHVhbnQgbGUgY29va2llIGF2ZWMgSUQgZGUgc2Vzc2lvbilcbiAgICBBUEktPj4tQnJvd3NlcjogSmUgdCdhaSByZWNvbm51LCBkZW1hbmRlIG1vaSBjZSBxdWUgdHUgdmV1eCAiLCJtZXJtYWlkIjp7InRoZW1lIjoiZGVmYXVsdCJ9LCJ1cGRhdGVFZGl0b3IiOmZhbHNlfQ)

C’est donc à l’aide des cookies que nous pouvons rester connectés à un site internet. 

## Requêtes Cross Domain et récupération d’informations sensibles

Imaginons un scénario basique dans un monde où la sécurité ne serait pas prise en compte.

Nous nous rendons sur un site quelconque sans savoir que celui-ci a décidé de nous dépouiller. Lorsque nous arrivons sur le site, il charge du Javascript qui va faire des requêtes vers notre banque. Cette requête va tenter de récupérer le solde du compte par exemple, voir des informations nettement plus sensibles.

Il est à noter que je me suis connecté récemment à ma banque en ligne, j’ai alors encore des cookies qui contiennent les informations de ma session.

Le site de l’attaquant faisant une requête vers ma banque, celle-ci contient tous les cookies nécessaires pour que ma banque réponde favorablement à la requête. 

De cette manière, l’attaquant peut faire tous les appels API qu’il souhaite en exploitant la présence de cookies sur notre navigateur.

## Comment empêcher les requêtes Cross Domain ?

Il est important ici de prendre en compte une restriction non négligeable : de base, les navigateurs refusent les requêtes vers un autre domaine que celui sur lequel vous êtes.

Concrètement, je suis sur le site [https://uneembrouile.com](https://uneembrouile.com) qui tente de faire une requête AJAX vers [https://mabanque.fr](http://mabanque.fr), à moins que l’API mabanque.fr ait explicitement autorisé le domaine [uneembrouille.com](http://uneembrouille.com) à faire des requêtes, le navigateur va gentiment mettre un stop à la requête en affichant une magnifique erreur : 

![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/466a8a86-0d46-40cf-bc23-da830bccc5ba/Untitled.png)

Avec ce mode de fonctionnement, les appels vers des API tierces sont bloqués par défaut et le site qui voulait initialement me dépouiller n’a plus qu’une chose à faire : rester en chien.

Mais pour le coup, comment permettre à une application de faire des requêtes sur un autre domaine ? 

C’est ici que CORS intervient en permettant de déclarer explicitement quel site peut consommer les ressources d’un serveur. 

## Comment fonctionne CORS ?

Au fait, nous avons parlé de la signification de CORS ? 

> *Cross-Origin Resource Sharing*
> 

C‘est un mécanisme qui se base sur des entêtes (ou headers) contenu dans les réponses des API indiquant si le domaine appelant peut accéder, ou non, à la ressource demandée.

Globalement le mode de fonctionnement est assez basique. Comme nous l’avons vu précédemment, de base, le navigateur bloque toutes les requêtes vers un autre domaine que celui de la page en cours de consultation. Pour pouvoir appeler un domaine tiers, il faut nécessairement qu’il nous y autorise explicitement. 

 

Pour autoriser, c’est assez simple, le serveur sur l’autre domaine doit répondre avec au minimum une entête `Access-Control-Allow-Origin` contenant soit le domaine appelant, soit un wildcard (*). 

Imaginons maintenant un nouveau scénario. 

Je me rends sur le site [https://pasdembrouille.fr/](https://pasdembrouille.fr/) et celui-ci souhaite faire des requêtes vers [https://unsitesensible.fr/](https://unsitesensible.fr/).

Normalement, les requêtes devraient être bloquées par le navigateur, cependant, les deux sites travaillent ensemble et [https://unsitesensible.fr/](https://unsitesensible.fr/) répond aux requêtes de [pasdembrouille.fr](http://pasdembrouille.fr) avec ce header en particulier : 

`Access-Control-Allow-Origin: pasdembrouille.fr`

Avec ce header, le navigateur comprend que la requête est légitime. Il la laisse passer.

Ici il est à noter que ce mode de fonctionnement permet de déterminer explicitement quels sont les sites (domaines) pouvant utiliser l’API. Utiliser un wildcard (`*`) c’est rendre Open Bar son API. Dans certains cas c’est souhaité, mais il est nécessaire de bien comprendre que l’utilisation d’un wildcard fait sauter ce qui est à l’origine une sécurité. 

### Requête de Preflight

### Requêtes concernées par CORS

Ce ne sont pas toutes les requêtes qui sont concernées. À vrai dire, ce ne sont que les requêtes initiées par AJAX. 

Les autres requêtes comme le chargement d’images, de feuilles de style ou même de scripts, peuvent se faire Cross Domain sans problème. 

À vrai dire elles ne posent pas trop de problèmes. Il y a bien les attaques CSRF mais c’est un autre sujet, que peut-être nous traiterons dans un prochain article. 

## Comment contourner CORS ?

Soyons parfaitement clairs, il est possible de contourner les restrictions mais pas de récupérer les cookies pour le domaine de l’API cible. 

Les deux solutions présentées juste après sont totalement différentes. 

La première, JSONP, doit être mise en place par le fournisseur de l’API. Généralement cette solution est proposée pour des ressources accessible en lecture seule. 

Quant à la seconde, elle est mise en place par celui qui souhaite consommer l’API sans avoir la possibilité de modifier l’API elle-même. 

### JSONP

JSONP ou *JSON with Padding*, est une solution permettant d’appeler une API en exploitant l’absence de restriction sur le chargement de script JS. 

Dans les faits, il est nécessaire de déclarer une fonction qui recevra la réponse de l’API dans le scope global

### Utilisation d’un proxy intermédiaire

Vous avez besoin de faire des appels à une API publique ne proposant pas de headers vous autorisant à effectuer des requêtes ?

Une solution est l’utilisation d’un Proxy entre la page web et l’API. 

Un Proxy n’est rien d’autre qu’un serveur web qui transmet les requêtes qui lui sont faites a un autre serveur (un API plus précisément) et retour la réponse du serveur au client. 

[schema]

Comme les restrictions CORS n'ont lieux que dans un navigateur, si c’est un server qui appelle l’API, le problème ne se pose plus.

Ils sont là, bien cachés, prêts à nous bondir sur le coin du nez avec leurs grosses erreurs rouges venant défigurer la console de notre navigateur. Je parle des entêtes CORS, ces fameux entêtes qui viennent vous rappeler que non, tout ne roule pas systématiquement sur des roulettes. "

L'autodidacte