DEV Community: Neurau Tech

Salaire ingénieur IA en 2026 : France, Suisse, Luxembourg et Canada, sources à l'appui

Neurau Tech — Sat, 14 Nov 2026 11:07:38 +0000

L'essentiel en une minute

Le salaire ingénieur IA en France dépend de la source et de ce qu'elle mesure : 63 000 € brut annuel fixe en moyenne en Île-de-France selon Michael Page, 60 600 € chez Silkhom (milieu de fourchette, tous niveaux et zones), 54 000 € de médiane, fixe et variable, pour les cadres de la data selon l'Apec. Ce dernier chiffre est plus bas parce qu'il couvre toute la famille data, data analysts compris, des salariés en poste dans toute la France, variable inclus. Les grilles parisiennes partent de 45 000 € et atteignent 90 000 € pour un ingénieur IA senior, 105 000 € pour un ingénieur Machine Learning.

Cet article compare des sources nommées et datées, consultées les 9 et 13 novembre 2026 : l'Apec, cinq cabinets de recrutement et des statistiques officielles pour le Canada et les États-Unis. C'est une synthèse, sans enquête maison. Pour les développeurs en général, voir notre grille des salaires développeurs en France.

Points clés

Chez Silkhom, un ingénieur IA parisien gagne de 45 000 à 58 000 € brut fixe en junior et de 78 000 à 90 000 € en senior ; un ingénieur Machine Learning senior va jusqu'à 105 000 €.

Après la recherche, les métiers LLM et MLOps paient le mieux chez Silkhom : 85 400 € pour un LLMOps Engineer, 75 300 € pour un MLOps, contre 60 600 € pour un ingénieur IA (milieu de fourchette, pas une moyenne de salaires réels).

Selon l'Apec, la médiane des cadres du Big Data atteint 54 000 € brut annuel, fixe et variable, contre 50 000 € dans le développement ; l'écart se creuse après 45 ans (70 000 € contre 57 000 €).

En Suisse, Robert Half projette une médiane de 129 250 CHF, en francs suisses et sans comparaison directe possible ; au Luxembourg, Morgan Philips situe un AI/ML Engineer de 3 à 6 ans entre 75 000 et 95 000 € par an.

En freelance, Hays donne de 550 à 800 € par jour pour un data scientist. Le baromètre de Malt n'a pas pu être lu.

Salaire ingénieur IA en France : ce que mesurent les sources

Aucune statistique publique française ne suit le métier d'ingénieur IA en tant que tel. Il faut croiser l'Apec, qui regroupe la data et l'IA, avec des grilles de cabinets plus fines mais fondées sur leur clientèle.

Source	Date	Ce qui est mesuré	Population
Apec	Décembre 2025	Médiane et déciles, brut annuel, fixe et variable	Cadres du privé en poste, famille « Big Data »
Silkhom (cabinet)	30 juin 2026	Fourchettes par niveau et zone, brut annuel fixe	Plus de 25 000 profils suivis par le cabinet
Michael Page (cabinet)	Étude 2027	Bas, moyenne, haut, brut annuel fixe, Île-de-France	Clientèle du cabinet
Robert Half (cabinet)	Guide 2027	25e, 50e et 75e centiles, brut annuel fixe à l'embauche	Projections du cabinet
Hays (cabinet)	Étude 2026	Fourchettes par tranche d'expérience	Panel de plus de 2 500 professionnels

L'Apec est la seule source redressée statistiquement : enquêtes de 2021 à 2025, 26 000 cadres interrogés en 2025, résultats corrigés avec les données de l'Insee (Apec, rémunérations des cadres dans 111 familles de métiers, décembre 2025). Sa limite : la famille « Big Data » mêle data scientist, data engineer, data analyst et chercheur, sans ligne propre à l'IA.

Les cabinets nomment mieux les métiers récents (MLOps, ingénieur RAG, LLMOps), mais reflètent leur clientèle et ne publient que le fixe : « hors primes, variables, BSPCE » chez Silkhom (30 juin 2026), « hors primes et avantages » chez Robert Half (guide 2027).

Le salaire selon l'expérience

L'expérience est le premier facteur du salaire ingénieur IA : chez Silkhom, la fourchette parisienne double entre le bas du junior et le haut du senior.

Chez Silkhom, un ingénieur IA à Paris gagne de 45 000 à 58 000 € en junior (0 à 3 ans), de 58 000 à 78 000 € en confirmé (3 à 7 ans) et de 78 000 à 90 000 € en senior (7 ans et plus). Un ingénieur Machine Learning parisien va de 48 000 € en junior à 105 000 € en senior (Silkhom, 30 juin 2026).

Hays ne publie pas de ligne « ingénieur IA », mais donne le data scientist par tranche : 47 000 à 52 000 € de 0 à 3 ans, 52 000 à 57 000 € de 3 à 5 ans, 57 000 à 73 000 € de 5 à 8 ans et 73 000 à 89 000 € au-delà (Hays, métiers les plus recherchés en 2026, consulté le 13 novembre 2026). La page ne précise ni s'il s'agit de brut ou de net, ni la part variable.

L'Apec raisonne par âge, sur des cadres en poste. Dans la famille Big Data, la médiane passe de 48 000 € avant 35 ans à 58 000 € entre 35 et 45 ans, puis 70 000 € après 45 ans (Apec, décembre 2025, page 62).

Pour un débutant, le bas des fourchettes parisiennes se situe vers 45 000 € brut fixe (Silkhom, Michael Page). Dans la zone « Régions » de Silkhom, hors Paris et hors grandes villes, le junior est donné entre 36 000 et 45 000 €, soit 9 000 à 13 000 € de moins qu'à Paris aux deux bornes (notre calcul).

Paris face aux régions

Le salaire ingénieur IA est plus élevé à Paris : de 5 à 25 % selon les pourcentages annoncés par les cabinets, jusqu'à 27 % dans la grille Silkhom elle-même (notre calcul) ; l'Apec mesure 21 % sur la médiane des cadres de la data et un écart bien plus large au 9e décile.

Silkhom écrit que Paris paie « 10 à 15 % » de plus que les grandes villes et que l'écart avec les régions moins denses « atteint 15 à 20 % ». Pour un ingénieur IA confirmé, sa grille donne 58 000 à 78 000 € à Paris, 52 000 à 68 000 € dans les grandes villes (Lyon, Toulouse, Nantes, etc.) et 45 000 à 62 000 € dans les autres régions (Silkhom, publié le 30 juin 2026, modifié le 28 septembre 2026, relu le 13 novembre 2026).

Sa propre grille contredit en partie ce pourcentage : de milieu de fourchette à milieu de fourchette, Paris dépasse les régions d'environ 27 % en junior et en confirmé, et d'environ 24 % en senior, où la grille donne 78 000 à 90 000 € à Paris contre 62 000 à 74 000 € dans les régions (notre calcul).

Michael Page publie des abattements par rapport à l'Île-de-France, de 5 % en Provence-Alpes-Côte d'Azur à 15 à 20 % en Bretagne, en Normandie et en Centre-Val de Loire (Michael Page, ingénieur IA, étude 2027, relue le 13 novembre 2026). Un abattement de 20 % équivaut à une prime parisienne de 25 % (notre calcul).

L'Apec mesure, pour les cadres du Big Data, une médiane de 58 000 € en Île-de-France contre 48 000 € dans les autres régions, soit environ 21 % d'écart (notre calcul). Le haut de la distribution diverge bien plus : le 9e décile atteint 112 000 € en Île-de-France contre 70 000 € ailleurs, soit 60 % d'écart (notre calcul) (Apec, décembre 2025, page 62).

Le salaire par métier : ML, MLOps, LLM, data science

MLOps, LLMOps et recherche paient davantage que l'ingénieur IA généraliste ; le chercheur en IA arrive en tête chez Silkhom, jusqu'à 130 000 € pour un senior parisien, et le prompt engineer est en bas de l'échelle.

Métier	Silkhom, milieu de fourchette (pas une moyenne de salaires réels)	Silkhom, Paris, junior à senior	Michael Page, Île-de-France (bas / moyenne / haut)	Robert Half (P25 / P50 / P75)
Ingénieur IA	60 600 €	45 000 à 90 000 €	45 000 / 63 000 / 90 000 €	Pas de ligne
Ingénieur Machine Learning	67 100 €	48 000 à 105 000 €	45 000 / 65 000 / 90 000 €	Pas de ligne
Data scientist	Pas de ligne	Pas de ligne	45 000 / 59 000 / 80 000 € (avec data engineer)	55 000 / 60 000 / 70 000 €
MLOps Engineer	75 300 €	55 000 à 115 000 €	Pas de ligne	Pas de ligne
Spécialiste IA générative	74 200 €	55 000 à 110 000 €	Pas de ligne	Pas de ligne
LLMOps Engineer	85 400 €	60 000 à 125 000 €	Pas de ligne	Pas de ligne
Ingénieur RAG	64 400 €	50 000 à 95 000 €	Pas de ligne	Pas de ligne
Ingénieur NLP	69 900 €	50 000 à 110 000 €	Pas de ligne	Pas de ligne
Ingénieur Computer Vision	55 600 €	45 000 à 80 000 €	Pas de ligne	Pas de ligne
Prompt Engineer	49 700 €	40 000 à 75 000 €	Pas de ligne	Pas de ligne
Chercheur en IA	86 800 €	60 000 à 130 000 €	Pas de ligne	Pas de ligne

Montants en brut annuel fixe. Sources : Silkhom (30 juin 2026), Michael Page, ingénieur IA, Michael Page, ML engineer et Michael Page, data scientist (étude 2027), Robert Half (guide 2027).

Deux réserves. Silkhom est ambigu sur sa valeur de synthèse : son tableau l'intitule « Salaire moyen », la note dessous parle de « Médiane calculée sur l'ensemble des niveaux et zones », et sa méthode indique « la médiane entre les valeurs hautes et basses de chaque fourchette ». C'est donc un milieu de fourchette, ou plus exactement une valeur centrale des milieux de fourchette sur tous les niveaux et zones, pas une moyenne de salaires réels. Michael Page raisonne en années d'expérience sur le poste et cache le détail par niveau derrière un formulaire.

Ce qui fait monter la rémunération

Trois leviers ressortent des sources : la spécialité, la responsabilité et la part variable.

La spécialité LLM et IA générative. Chez Silkhom, en milieu de fourchette (pas une moyenne de salaires réels), le spécialiste IA générative (74 200 €) et le LLMOps Engineer (85 400 €) dépassent nettement l'ingénieur IA généraliste (60 600 €), alors que le prompt engineer reste à 49 700 € (Silkhom, 30 juin 2026). L'ingénieur RAG (64 400 €) devance aussi le prompt engineer.

Les compétences IA en général. Selon Robert Half, 37 % des responsables du recrutement en IT proposent des salaires plus élevés aux candidats qui ont des compétences en IA, notamment l'IA agentique (voir notre article sur les agents IA), l'IA générative et le machine learning (Robert Half, guide 2027, relu le 13 novembre 2026). C'est une enquête auprès de recruteurs, pas une mesure de salaires.

La sécurité de l'IA. Silkhom affiche 81 500 € (milieu de fourchette, pas une moyenne de salaires réels) pour un AI Security Specialist (Silkhom, 30 juin 2026). Ce profil croise l'IA et les métiers de la cybersécurité.

Le management et la part variable. Selon l'Apec, 46 % des cadres du Big Data touchent une part variable, d'un montant médian de 4 000 €, et la médiane monte à 75 000 € avec une responsabilité hiérarchique contre 51 000 € sans (Apec, décembre 2025, page 62).

IA ou développement : l'écart réel

Le salaire ingénieur IA dépasse celui d'un développeur, mais l'écart est plus faible qu'on ne le lit souvent : de 7 à 8 % sur la médiane selon l'Apec et Robert Half, nettement plus en haut de l'échelle et en fin de carrière. Faute de ligne « ingénieur IA » chez ces sources, la famille data de l'Apec et le data scientist de Robert Half et de Hays servent ici d'approximation.

Selon l'Apec, la médiane des cadres du Big Data atteint 54 000 €, contre 50 000 € pour le développement informatique, soit 8 % d'écart (notre calcul). Le 9e décile creuse la différence : 98 000 € contre 74 000 €, soit 32 % (notre calcul). Après 45 ans, la médiane est de 70 000 € dans la data contre 57 000 € dans le développement (Apec, décembre 2025, pages 62 et 64).

Robert Half aboutit au même ordre de grandeur pour un profil intermédiaire : 60 000 € pour un data scientist contre 56 000 € pour un développeur, soit 7 % d'écart (notre calcul, guide 2027, relu le 13 novembre 2026). Chez Hays, le data scientist de plus de 8 ans est donné entre 73 000 et 89 000 €, contre 55 000 à 68 000 € pour un développeur full stack (Hays, relu le 13 novembre 2026).

Le détail par langage est dans notre article sur les langages de programmation les mieux payés.

Freelance : les tarifs journaliers

En freelance, un data scientist facture de 550 à 800 € par jour selon Hays, soit 100 à 150 € de plus qu'un développeur full stack au même niveau (notre calcul). Ce sont des tarifs moyens hors taxes, parisiens selon Blog du Modérateur (29 janvier 2026). Aucune source exploitable ne publie de TJM propre à l'ingénieur IA.

Hays donne pour le data scientist 550 € par jour de 0 à 3 ans, 640 € de 3 à 5 ans, 715 € de 5 à 8 ans et 800 € au-delà. Pour le développeur full stack : 450, 515, 580 et 650 € (Hays, relu le 13 novembre 2026). Le même article de Blog du Modérateur signale pour la data un écart moyen de 9 % hors Île-de-France.

Le baromètre Silkhom de juin 2025 place un data scientist senior entre 550 et 700 € par jour à Paris, 480 à 580 € en région, contre 500 à 600 € pour un développeur Python senior parisien (Silkhom, baromètre des TJM, 4 juin 2025). Ce baromètre ne contient pas de ligne IA ou MLOps.

Michael Page affiche pour l'ingénieur IA freelance 600 € en bas et 1 000 € en moyenne comme en haut (étude 2027), mais présente ces montants comme des salaires annuels : nous ne les retenons pas. Pour le statut, voir notre guide pour devenir développeur freelance.

Suisse, Luxembourg, Canada et Belgique

Les montants suisses (en CHF) et canadiens (en $ CA) ne se comparent pas directement aux montants français : devise, coût de la vie, fiscalité et périmètre diffèrent. Ils sont repris tels quels, sans conversion. Les sources disponibles sont surtout des cabinets.

Suisse. Pour un ingénieur en intelligence artificielle, Robert Half projette pour 2027 une fourchette salariale nationale de 103 500 CHF au 25e centile (« débute dans ce type de fonction »), 129 250 CHF au 50e et 154 000 CHF au 75e. En P25 / P50 / P75, un ingénieur en apprentissage automatique est donné à 104 000, 119 500 et 137 750 CHF, un ingénieur MLOps à 93 500, 114 500 et 135 250 CHF (Robert Half Suisse, relu le 13 novembre 2026). Projections de cabinet, salaires annuels ; la page ne précise ni s'il s'agit de brut ou de net, ni l'inclusion des primes.

Luxembourg. Ici, les montants sont en euros, mais le périmètre diffère des grilles françaises. Le cabinet Morgan Philips, cité par Paperjam, situe un AI/ML Engineer entre 75 000 et 95 000 € par an avec 3 à 6 ans d'expérience, et entre 95 000 et 135 000 € au-delà de 6 ans, hors primes et avantages (Paperjam, 11 septembre 2026). L'article ne précise pas s'il s'agit de brut ; nous n'avons trouvé aucune statistique officielle propre aux métiers de l'IA au Luxembourg.

Canada et Québec. Le site officiel Guichet-Emplois donne pour les scientifiques de données (CNP 21211) au Québec un salaire horaire de 31,73 $ CA en bas, 46,00 $ CA en médiane et 64,84 $ CA en haut (période 2023-2024, Statistique Canada ; Guichet-Emplois, mis à jour le 19 novembre 2025, relu le 13 novembre 2026). Selon sa méthodologie, le bas correspond « dans la plupart des cas » au 10e centile et le haut au 90e. Ces montants horaires ne se comparent pas aux montants annuels des cabinets.

Côté cabinet, Robert Half Canada donne pour un développeur en apprentissage automatique une fourchette salariale nationale annuelle de 91 500 $ CA (bas), 124 250 $ CA (moyen) et 167 000 $ CA (élevé). Ces trois niveaux décrivent l'expérience du candidat (nouveau, modérée, vaste), pas des centiles ; brut ou net n'est pas précisé (Robert Half Canada, relu le 13 novembre 2026).

Belgique. Aucune grille sourcée propre à l'IA trouvée ; Robert Half Belgique indique seulement que 51 % des employeurs offrent des rémunérations plus élevées aux professionnels qui ont des compétences en IA générative (Robert Half Belgique, consulté le 9 novembre 2026).

Et aux États-Unis ?

La statistique officielle porte sur le salaire, Levels.fyi sur la rémunération totale déclarée, actions comprises.

Le Bureau of Labor Statistics donne un salaire annuel médian de 120 230 $ US pour les data scientists en mai 2025 ; 10 % gagnent moins de 67 240 $ US et 10 % plus de 199 130 $ US. Il prévoit une hausse de 35 % de l'emploi entre 2025 et 2035 (BLS, data scientists, page modifiée le 27 août 2026, relue le 13 novembre 2026).

Levels.fyi affiche une rémunération totale médiane de 285 650 $ US pour un machine learning engineer aux États-Unis, de 200 000 $ US au 25e centile à 386 500 $ US au 75e, sur 1 023 déclarations (Levels.fyi, mis à jour le 13 novembre 2026). Ces chiffres sont autodéclarés, et la page les présente comme les salaires des grandes entreprises (« top companies », notre traduction) : ils ne décrivent pas le marché moyen.

Comment devenir ingénieur IA

Dans la grille Silkhom (milieux de fourchette), après la recherche, ce sont les métiers de mise en production qui paient le plus : LLMOps 85 400 €, MLOps 75 300 €, IA générative 74 200 €, contre 49 700 € pour le prompt engineer. Six étapes, chacune détaillée ailleurs :

Choisir une voie de formation : école d'ingénieurs, master spécialisé en IA ou en data, ou évolution depuis un poste de développeur ; notre guide de reconversion traite le financement d'une formation.
Poser les bases mathématiques et ML. Statistiques, algèbre linéaire et probabilités, puis les modèles classiques avec scikit-learn et les réseaux de neurones avec PyTorch.
Maîtriser Python, langage de ces bibliothèques, avec notre guide pour apprendre Python.
Déployer un projet LLM. Un système RAG ou un agent, mis en ligne et mesuré ; un LLM local avec Ollama permet de s'entraîner sans budget.
Apprendre l'outillage MLOps : les pratiques DevOps, les conteneurs et l'intégration continue.
Montrer et défendre son travail : un portfolio qui présente ces projets, puis notre préparation à l'entretien technique.

Ce que nous n'avons pas pu vérifier

Points restés ouverts au 13 novembre 2026 :

Le baromètre de Malt et la fiche métier data scientist de l'Apec ont refusé notre accès automatisé : aucun chiffre n'en est tiré.
Le détail par niveau chez Michael Page est verrouillé ; la grille complète de Hays n'est pas en ligne.
Aucune ligne « ingénieur IA » chez Robert Half France, ni statistique officielle propre à l'IA en France, en Suisse, au Luxembourg ou en Belgique.
Le brut ou le net n'est pas précisé chez Hays, Morgan Philips, Robert Half Suisse et Canada.
La rémunération totale (variable, BSPCE, actions) en France : les cabinets ne publient que le fixe.

Questions fréquentes

Combien gagne un ingénieur IA débutant ?

Selon Silkhom (juin 2026), de 45 000 à 58 000 € brut annuel fixe à Paris et de 36 000 à 45 000 € dans sa zone « Régions » (hors grandes villes), soit 9 000 à 13 000 € de moins. Hays donne 47 000 à 52 000 € pour un data scientist de 0 à 3 ans, sans préciser brut ou net ni la part variable.

Quel est le salaire d'un ingénieur IA en France ?

Cela dépend du périmètre. Michael Page donne 63 000 € brut fixe en moyenne en Île-de-France (étude 2027) ; Silkhom 60 600 € en milieu de fourchette, tous niveaux et zones (pas une moyenne de salaires réels). L'Apec mesure une médiane de 54 000 €, fixe et variable, pour toute la famille data, data analysts compris, en France entière.

Quel salaire pour un ingénieur IA en Suisse ?

Robert Half Suisse projette pour 2027 une médiane de 129 250 CHF par an, dans une fourchette de 103 500 à 154 000 CHF. Ce sont des projections de cabinet (P25 / P50 / P75), en francs suisses, non comparables directement aux montants français.

Quel salaire pour un ingénieur IA au Luxembourg ?

Selon le cabinet Morgan Philips, cité par Paperjam en septembre 2026 : de 75 000 à 95 000 € par an pour un AI/ML Engineer de 3 à 6 ans d'expérience, de 95 000 à 135 000 € au-delà, hors primes.

À propos de l'auteur

Abdelilah Ourti est ingénieur IA et architecte logiciel. Il publie sur NeurauTech des guides et des comparatifs destinés aux développeurs francophones, réunis sur sa page auteur.

Méthode. Synthèse de sources publiques consultées le 9 novembre 2026 et relues le 13 novembre 2026 : étude de l'Apec, grilles des cabinets Silkhom, Michael Page, Robert Half, Hays et Morgan Philips, statistiques de Guichet-Emplois et du Bureau of Labor Statistics, données autodéclarées de Levels.fyi. Les pages du BLS et de Levels.fyi refusent les requêtes automatisées simples (erreur 403) : leurs chiffres ont été lus par un outil de lecture web, sans contournement. Les chiffres de cabinets sont signalés comme tels, avec leur périmètre. Les écarts en pourcentage sont nos calculs. Aucune enquête maison, aucun lien affilié, aucune relation commerciale avec les sources citées.

Une erreur ou un chiffre périmé ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 13 novembre 2026.

VPS pas cher en novembre 2026 : 8 hébergeurs comparés au prix officiel

Neurau Tech — Sat, 14 Nov 2026 11:05:30 +0000

Le comparatif en une minute

Un VPS pas cher s'affiche entre 2 et 6 € HT par mois en novembre 2026 pour 2 à 8 Go de RAM (hors Scaleway Stardust, plus petite). Ce sont des prix d'appel : sur deux ans, le prix réel est souvent bien plus haut. Nous avons relu le 13 novembre 2026 les pages officielles de huit hébergeurs : OVHcloud, Hetzner, Scaleway, IONOS, LWS, Hostinger, Contabo et Infomaniak.

Nous avons noté prix, engagement, frais, IPv4, centres de données, Windows et sauvegardes, puis calculé le coût sur 24 mois. Aucun serveur n'a été loué ni testé.

Points clés

Le prix d'appel le plus bas est celui de Scaleway Stardust, environ 0,44 € HT par mois, mais l'IPv4 coûte en plus environ 3,65 € HT par mois (notre calcul).

Sur 24 mois, OVHcloud VPS-1 revient à 91,44 € HT et LWS VPS M à 464,76 € HT (notre calcul), alors que LWS affiche un prix d'appel de 4,99 € HT pour 8 Go.

Par Go de RAM, Contabo arrive en tête au prix d'appel, que son prix de 4,40 € soit HT ou TTC.

Hostinger facture 5,49 € HT par mois sur 24 mois payés d'avance, puis 11,99 € HT par mois.

Le 13 novembre, l'entrée de gamme de Hetzner et les VPS Windows de LWS étaient toujours indisponibles.

Le tableau des VPS pas cher, relevé le 13 novembre 2026

Le premier tableau compare le VPS pas cher le plus accessible de chaque hébergeur, d'après les pages officielles consultées le 13 novembre 2026. HT ou TTC : comme sur la page. Le total sur 24 mois est notre calcul, hors TVA, frais de mise en service compris quand ils sont chiffrés.

Offre	Prix affiché	Engagement	Mise en service	Prix ensuite	Total 24 mois (notre calcul)
OVHcloud VPS-1	3,81 € HT (4,57 € TTC)	12 mois payés d'avance ; 4,49 € HT sans engagement	0 €	Non relevé sur la page	91,44 € HT
Hetzner CX23	5,99 € HT	Aucun, facturation à l'heure	Non relevé	5,99 € HT	143,76 € HT
Scaleway DEV1-S	6,55 € HT environ, IPv4 en plus	Aucun, facturation à l'heure	Non relevé	Identique	Environ 245 € HT avec IPv4, hors stockage
Scaleway Stardust1-S	0,44 € HT environ, IPv4 en plus	Aucun, facturation à l'heure	Non relevé	Identique	Environ 98 € HT avec IPv4, hors stockage
IONOS VPS S+	2 € HT (2,40 € TTC) pendant 3 mois	Non relevé	10 €, HT ou TTC non précisé	5 € HT	121 € HT, frais inclus
LWS VPS M	4,99 € HT (5,96 € TTC) le 1er mois	Sans engagement	Non relevé	19,99 € HT	464,76 € HT
Hostinger KVM 1	5,49 € HT par mois	24 mois payés d'avance (131,76 € HT)	Non relevé	11,99 € HT par mois	131,76 € HT
Contabo Cloud VPS 4	4,40 €, base de TVA non établie	Abonnement de 24 mois	0 € sur 24 mois ; montant non relevé en mensuel	Non relevé	105,60 €, base de TVA non établie
Infomaniak VPS Lite	CHF 2.70 HT	12 mois payés d'avance	Non relevé	Non relevé	Non calculé (francs suisses)

Offre	vCPU / RAM	Disque	Trafic	IPv4	Centres de données
OVHcloud VPS-1	2 / 4 Go	40 Go NVMe	Illimité, 500 Mbit/s (500 Go par mois en Asie-Pacifique)	Incluse	France, Canada, Europe, Asie-Pacifique
Hetzner CX23	2 / 4 Go	40 Go NVMe	20 To	Incluse	Allemagne, Finlande
Scaleway DEV1-S	2 / 2 Go	Non inclus	Inclus, 200 Mbit/s	En option	France, Pays-Bas, Pologne
Scaleway Stardust1-S	1 / 1 Go	Non inclus	Inclus, 100 Mbit/s	En option	France, Pays-Bas, Pologne
IONOS VPS S+	1 / 2 Go	60 Go NVMe	Illimité, 1 Gbit/s	Incluse	Allemagne, Espagne, Royaume-Uni, États-Unis
LWS VPS M	4 / 8 Go	120 Go NVMe	Illimité, 200 Mbit/s	Incluse	France
Hostinger KVM 1	1 / 4 Go	50 Go NVMe	4 To	Incluse	France, Europe, Asie, Amériques
Contabo Cloud VPS 4	4 / 8 Go	100 Go SSD	Illimité, 200 Mbit/s	Incluse	Europe, Royaume-Uni, États-Unis, Asie, Australie
Infomaniak VPS Lite	1 / 2 Go	20 Go NVMe	Illimité, 500 Mbit/s	Non relevé (absente de la page)	Suisse

Sources dans la section suivante ; les francs suisses d'Infomaniak ne sont pas convertis.

Offre par offre : ce que dit chaque page

Chaque hébergeur VPS présente ses prix à sa façon.

OVHcloud : un prix bas qui suppose 12 mois d'avance

Le VPS-1 d'OVHcloud démarre à 3,81 € HT par mois, soit 4,57 € TTC, avec une sauvegarde quotidienne des dernières 24 heures et l'IPv4 incluses (page VPS d'OVHcloud, consultée le 13 novembre 2026). En Asie-Pacifique (Mumbai, Singapour, Sydney), son trafic est plafonné à 500 Go par mois.

Le reste vient d'une source technique : le catalogue public d'OVHcloud, l'interface que lit son site de commande, consulté le même jour. Il donne trois tarifs HT pour le VPS-1 : 4,49 € sans engagement, 4,26 € avec 6 mois et 3,81 € avec 12 mois payés d'avance, sans frais d'installation, et liste les centres de données : Gravelines, Strasbourg, Roubaix, Beauharnois (Canada), d'autres pays européens et l'Asie-Pacifique.

Hetzner : bon rapport, toujours indisponible

Le CX23 de Hetzner coûte 5,99 € HT par mois ou 0,0096 € HT de l'heure, IPv4 incluse, facturé à l'heure jusqu'à la suppression du serveur (page Cost-Optimized de Hetzner, consultée le 13 novembre 2026).

Le CX23 n'est proposé qu'à Nuremberg et à Helsinki. Le 9 puis le 13 novembre, toute la gamme portait le message « This product is currently unavailable. Please check back later ». La nouvelle CPX02, 1 vCPU et 1 Go, était aussi indisponible ; son prix est passé de 6,49 € HT le 9 novembre à 5,49 € HT le 13 (page Regular Performance).

Scaleway : l'instance la moins chère, l'IPv4 en plus

Scaleway facture la Stardust1-S 0,0006 € HT de l'heure, environ 0,44 € par mois selon la page, et la DEV1-S environ 6,55 € HT par mois (tarifs des instances Scaleway, consultés le 13 novembre 2026).

Le trafic sortant est compris, pas le stockage ni l'IPv4. La page de tarifs réseau, consultée le même jour, facture l'IPv4 d'une instance 0,005 € HT de l'heure, soit environ 3,65 € HT sur 730 heures (notre calcul). Les zones sont Paris, Amsterdam et Varsovie.

IONOS : 2 € pendant trois mois

IONOS affiche le VPS S+ à 2 € HT par mois (2,40 € TTC) « pendant 3 mois », puis 5 € HT (page VPS d'IONOS, consultée le 13 novembre 2026).

La page indique « Mise en service : 10 € » sans préciser HT ou TTC, et une garantie « satisfait ou remboursé » de 30 jours. Nous n'y avons pas trouvé de durée d'engagement. Une IPv4 supplémentaire coûte 5 € HT.

LWS : un premier mois à 4,99 €, puis 19,99 €

LWS affiche son VPS M à 4,99 € HT, avec « 5,96 € TTC » (page VPS Linux de LWS, consultée le 13 novembre 2026). À 20 % de TVA, 4,99 € HT donnent 5,99 € TTC (notre calcul) : nous reprenons le chiffre de la page sans pouvoir expliquer l'écart.

La note de bas de page précise que ce prix ne vaut que le premier mois, puis 19,99 € HT, pour les nouveaux clients et un seul serveur en promotion. Le VPS S, sans promotion, coûte 9,99 € HT pour 2 vCores et 4 Go. Les offres sont sans engagement.

Hostinger : 24 mois payés d'avance

Hostinger affiche le KVM 1 à 5,49 € par mois, avec la mention « Vous payez aujourd'hui 131,76 € pour 24 mois. Le contrat se renouvelle automatiquement à 11,99 €/mois pour la même durée » (page VPS d'Hostinger, consultée le 13 novembre 2026). Le pied de page indique que les prix n'incluent pas la TVA.

La page annonce un tarif « Black Friday » sans afficher de date de fin. La page d'aide sur les centres de données, mise à jour le 11 novembre 2026, cite pour les VPS la France, l'Allemagne, la Lituanie, le Royaume-Uni, l'Asie et les Amériques.

Contabo : beaucoup de RAM, TVA à vérifier

Contabo affiche le Cloud VPS 4 à 4,40 € par mois « for the first 24 months », avec un prix barré de 5,50 € (page Cloud VPS de Contabo, consultée le 13 novembre 2026). Une note précise qu'il s'agit du « tarif mensuel effectif pour un abonnement de 24 mois, taxes applicables incluses » (notre traduction).

La version servie était celle d'Andorre (« AD »), sans TVA chez Contabo : pour un client français, nous n'avons pas pu établir si 4,40 € est HT ou TTC. La FAQ cite des frais de mise en service en contrat mensuel, sans montant, et aucun pour les contrats plus longs. Le prix après 24 mois n'est pas indiqué.

Infomaniak, o2switch, PulseHeberg, DigitalOcean et Vultr

Infomaniak vend un VPS Lite à CHF 2.70 HT par mois, engagement annuel payé en une fois (page VPS Lite d'Infomaniak, consultée le 13 novembre 2026). La page ne mentionne ni l'IPv4 ni le prix de renouvellement.

o2switch ne vend pas de VPS. PulseHeberg et Vultr ont bloqué notre lecture : non vérifiés. DigitalOcean n'affiche que des dollars.

Le moins cher par Go de RAM (notre calcul)

La RAM est la ressource qui manque en premier sur un VPS pas cher. Nous divisons le prix mensuel affiché par la RAM, au prix d'appel puis au prix suivant. Tous les prix sont HT, sauf Contabo, dont la base de TVA n'est pas établie. Si ses 4,40 € incluent 20 % de TVA, le prix HT est d'environ 3,67 €, soit environ 0,46 € HT par Go (notre calcul) : Contabo reste premier dans les deux cas.

Offre	Prix d'appel par Go de RAM	Prix suivant par Go
Contabo Cloud VPS 4	0,55 € (0,46 € HT si TTC)	Non relevé
LWS VPS M	0,62 € HT	2,50 € HT
OVHcloud VPS-1	0,95 € HT	1,12 € HT sans engagement
IONOS VPS S+	1,00 € HT	2,50 € HT
Hostinger KVM 1	1,37 € HT	3,00 € HT
Hetzner CX23	1,50 € HT	1,50 € HT
Scaleway DEV1-S avec IPv4	5,10 € HT	5,10 € HT

Le classement change après la promotion : LWS, deuxième au prix d'appel, devient l'un des plus chers par Go dès le deuxième mois. OVHcloud et Hetzner restent stables. Pour Scaleway, nous avons ajouté l'IPv4 (3,65 € HT) aux 6,55 € HT de la DEV1-S, sans le stockage.

VPS Windows : le surcoût de la licence

La licence Microsoft est facturée en plus, et l'entrée de gamme n'est souvent pas éligible.

Hébergeur	Ce que disent les pages le 13 novembre 2026
OVHcloud	Windows Server à partir du VPS-2, affiché 7,21 € HT avec 12 mois d'engagement sur la page VPS. L'option Windows à 8 € HT par mois figure seulement dans le catalogue public. Absent du VPS-1.
IONOS	Windows M+ à 14 € HT pendant 3 mois puis 22 € HT, contre 4 € puis 12 € HT pour le même serveur sous Linux (page VPS Windows d'IONOS).
LWS	VPS Windows dès 9,99 € HT, les quatre offres « Plus en stock temporairement » (page VPS Windows de LWS).
Scaleway	POP2-2C-8G-WIN à environ 133,08 € HT par mois, contre environ 53,66 € HT sous Linux (tarifs des instances Scaleway, 13 novembre 2026).
Contabo	Licence fournie obligatoirement, « frais mensuels déterminés par la taille du VPS » (notre traduction), montant non relevé (page Windows de Contabo).
Hetzner, Hostinger, Infomaniak	Non relevé : aucun prix de licence sur les pages lues.

Chez IONOS, l'écart est de 10 € HT par mois après la promotion (notre calcul). Pour un serveur web, un VPS Linux reste moins cher.

Sauvegardes et snapshots : inclus ou payants

La sauvegarde change le coût réel. Un snapshot est une copie manuelle ; une sauvegarde automatique est planifiée par l'hébergeur. Pages consultées le 13 novembre 2026 :

OVHcloud. Sauvegarde quotidienne incluse, Premium sur 7 jours à partir de 1,10 € HT par mois, snapshot à partir de 0,30 € HT (page VPS).
Hetzner. Sauvegardes à partir de 1,0980 € HT par mois selon l'instance, snapshots à 0,0143 € HT par Go et par mois (page Cost-Optimized).
Scaleway. Snapshots à environ 0,03 € HT par Go et par mois, approximation de la page de tarifs.
Hostinger. « Sauvegardes hebdomadaires gratuites » (page VPS).
LWS. Snapshot inclus, « Sauvegarde PRO » sur NAS en option (page VPS Linux), qui avertit que son système « ne garantit pas vos données à 100 % ».
Contabo. Un snapshot inclus ; sauvegarde automatique en option, prix non relevé.
IONOS. Renvoie à son offre Cloud Backup, prix non relevé.
Infomaniak VPS Lite. Pas de snapshot, selon sa FAQ.

Gardez aussi une copie hors de l'hébergeur : elle seule protège d'une fermeture de compte ou d'un incident de centre de données.

Quel VPS pour quel usage

Le bon choix d'un VPS pas cher dépend de ce que vous allez faire tourner. Ce tableau est une grille de lecture : aucun processeur ni débit n'a été testé.

Usage	Ce qui compte	Offres relevées qui collent
Débutant ou test	Payer peu, pouvoir tout supprimer	Hetzner (facturation à l'heure, si disponible), Scaleway Stardust, Oracle Always Free
Site personnel ou blog	Pas de promotion limitée, centre de données en France, sauvegarde	OVHcloud VPS-1 (sauvegarde quotidienne incluse), LWS VPS S (9,99 € HT, sans promotion)
Docker ou API	4 Go de RAM minimum, IPv4 incluse	OVHcloud VPS-1, Hetzner CX23 si disponible, Contabo Cloud VPS 4
VPN personnel	Trafic généreux, pays du serveur, petit prix	IONOS VPS S+, Hostinger KVM 1, OVHcloud VPS-1
Serveur de jeu	RAM, centre de données proche des joueurs	Contabo Cloud VPS 4 ou LWS VPS M (8 Go, 200 Mbit/s annoncés), OVHcloud VPS-2 (8 Go, 1 Gbit/s annoncé)
Windows	Licence incluse ou non, offre en stock	IONOS Windows M+, OVHcloud VPS-2 avec option Windows

Pour un conteneur derrière un nom de domaine, notre tutoriel Docker pour débutants puis celui sur le reverse proxy Nginx avec Docker Compose couvrent l'installation. Pour un VPN, notre comparatif VPN gratuit ou payant aide à décider si l'auto-hébergement vaut le coup.

Pour comparer avec une plateforme gérée (PaaS, base managée), notre guide de l'hébergement cloud pour développeurs compare ces plateformes.

Les pièges des promotions

Un VPS pas cher l'est rarement sur la durée : les pages relevées montrent cinq mécanismes qui font monter la facture.

La promotion d'un mois. LWS passe de 4,99 € HT à 19,99 € HT au deuxième mois : 464,76 € HT sur 24 mois (notre calcul).
Le paiement d'avance. Hostinger demande 131,76 € HT pour 24 mois, puis 11,99 € HT par mois ; le tarif de 3,81 € HT d'OVHcloud suppose 12 mois payés d'avance.
La promotion de trois mois. IONOS passe de 2 € à 5 € HT au quatrième mois, avec 10 € de mise en service affichés.
L'IPv4 en option. Chez Scaleway, l'adresse coûte plus que la plus petite instance.
Le HT. Hetzner, Hostinger, Scaleway et Infomaniak affichent du HT.

Les prix TTC affichés par OVHcloud, IONOS et LWS supposent la TVA française de 20 %, qu'OVHcloud dit appliquer par défaut ; la doctrine fiscale officielle (BOFiP) donne le coefficient de conversion pour ce taux. En Belgique, en Suisse ou au Canada, le taux diffère, et un professionnel peut selon sa situation être facturé HT ou récupérer la TVA. Avant de valider, faites le calcul sur 24 mois avec le prix suivant.

VPS gratuit : les offres réelles et leurs limites

Un VPS gratuit sans limite de durée existe, mais il est petit, soumis à conditions et parfois introuvable (pages relues le 13 novembre 2026).

Oracle Cloud Always Free. La documentation d'Oracle, relue le 13 novembre, donne « les 1 500 premières heures d'OCPU et 9 000 Go-heures par mois » sur les instances Arm Ampere A1, soit « pour les comptes Always Free, l'équivalent de 2 OCPU et 12 Go de mémoire » (notre traduction). S'y ajoutent deux instances AMD de 1/8 d'OCPU et 1 Go de RAM, 200 Go de stockage en bloc et 10 To de trafic sortant par mois. Trois limites :

les instances doivent être créées dans la région d'origine du compte, qui ne peut plus être changée ensuite selon la FAQ d'Oracle ;
une instance est jugée inactive si, sur 7 jours, le CPU au 95e centile, le réseau et, pour A1, la mémoire restent sous 20 %, et Oracle peut alors la récupérer ;
l'erreur « out of host capacity » signale un manque temporaire de machines gratuites dans la région.

La page Free Tier d'Oracle précise que la plupart des utilisateurs doivent fournir un numéro de mobile et une carte bancaire, non débitée sans passage à l'offre payante. L'essai donne 300 $ de crédits pour 30 jours au plus.

Google Cloud. Le niveau gratuit de Google inclut une instance e2-micro par mois, dans trois régions des États-Unis seulement, avec 30 Go de disque et 1 Go de trafic sortant depuis l'Amérique du Nord. Le crédit d'essai est de 300 $ sur 90 jours.

AWS. La page de l'offre gratuite d'AWS annonce jusqu'à 200 $ de crédits et un compte fermé au bout de 6 mois. Ce n'est pas un VPS gratuit permanent.

Premiers réglages de sécurité d'un VPS

Un VPS pas cher exposé sur Internet reçoit des tentatives de connexion dès sa mise en ligne. L'ordre à suivre sur Debian ou Ubuntu :

Mettre le système à jour avec apt update && apt upgrade, puis installer unattended-upgrades pour les correctifs de sécurité automatiques. Notre point sur les failles de sécurité de novembre 2026 liste les mises à jour prioritaires.
Créer un utilisateur et passer SSH en clés. Notre guide des commandes Linux de base explique ssh, sudo et les droits de fichiers ; les commandes propres au serveur sont ci-dessous.
Activer un pare-feu qui n'ouvre que SSH, HTTP et HTTPS.
Activer la double authentification sur le compte de l'hébergeur (notre guide) : il donne accès à la console et aux sauvegardes.
Si vous installez WordPress, appliquez notre liste pour sécuriser WordPress, puis testez une restauration.

adduser deploy && usermod -aG sudo deploy
ssh-copy-id deploy@IP_DU_SERVEUR        # depuis votre poste
# dans /etc/ssh/sshd_config ET les fichiers de /etc/ssh/sshd_config.d/ :
#   PasswordAuthentication no
sshd -T | grep -i passwordauthentication   # doit afficher "no"
systemctl restart ssh
apt install ufw                             # absent par défaut sur Debian
ufw allow OpenSSH && ufw allow 80,443/tcp && ufw enable

Sur de nombreuses images cloud, un fichier de /etc/ssh/sshd_config.d/ (souvent 50-cloud-init.conf) réactive les mots de passe : modifiez-le aussi, puis vérifiez avec sshd -T. Deux précautions évitent de perdre l'accès. Testez la connexion par clé dans une deuxième session avant de désactiver les mots de passe, et autorisez SSH avant d'activer le pare-feu.

Avec Docker, un port publié contourne ufw : la documentation de Docker indique que ce trafic est détourné avant les règles du pare-feu. Publiez donc vos conteneurs sur 127.0.0.1 derrière le reverse proxy, comme le permet l'option -p 127.0.0.1:8080:80 (publication de ports), ou filtrez avec le pare-feu réseau de l'hébergeur.

Ce que nous n'avons pas pu vérifier

Les éléments suivants sont absents ou incertains :

PulseHeberg et Vultr. Leurs pages ont bloqué notre lecture automatique ; nous ne l'avons pas contournée.
La TVA chez Contabo. La page annonce des « taxes applicables incluses », mais la version servie était codée « AD » : la base pour un client français n'est pas établie.
Plusieurs montants. Chez Contabo : frais mensuels, Windows, sauvegarde, prix après 24 mois. Chez IONOS : engagement, sauvegarde, HT ou TTC des 10 €. Chez Infomaniak : renouvellement et IPv4. Frais de mise en service de Hetzner, Scaleway, LWS et Hostinger.
Les dates. Retour en stock de Hetzner et des VPS Windows de LWS, fin de l'offre « Black Friday » d'Hostinger.
L'écart de LWS entre 4,99 € HT et les 5,96 € TTC affichés.
Les performances réelles. Nous n'avons loué ni mesuré aucun serveur : vCPU et débit sont ceux annoncés.
La page commerciale d'Oracle Cloud, qui a refusé notre lecture ; les conditions citées viennent de sa documentation.

Questions fréquentes

Quel est le VPS pas cher le plus fiable pour débuter ?

L'OVHcloud VPS-1 combine un prix sans promotion limitée (3,81 € HT avec 12 mois d'engagement, 4,49 € HT sans), un centre de données en France et une sauvegarde quotidienne incluse, selon la page VPS d'OVHcloud au 13 novembre 2026. C'est une lecture des pages, pas un test.

Existe-t-il un VPS gratuit sans limite de durée ?

Oui, l'offre Always Free d'Oracle Cloud, l'équivalent de 2 OCPU et 12 Go de RAM sur processeur Arm selon la documentation d'Oracle. La plupart des inscriptions demandent une carte bancaire, la région d'origine ne peut plus être changée, et une instance inactive 7 jours peut être récupérée.

Quel hébergeur VPS a des serveurs en France ?

Parmi les offres relevées, OVHcloud (Gravelines, Strasbourg, Roubaix), LWS, Scaleway (Paris) et Hostinger proposent la France. IONOS propose l'Allemagne, l'Espagne, le Royaume-Uni et les États-Unis, Hetzner l'Allemagne et la Finlande pour son entrée de gamme, Infomaniak la Suisse.

Combien coûte un VPS Windows pas cher ?

Comptez au moins 14 € HT par mois chez IONOS pendant 3 mois, puis 22 € HT, selon la page VPS Windows d'IONOS. Chez OVHcloud, il faut un VPS-2 à 7,21 € HT avec engagement, plus 8 € HT par mois pour l'option Windows selon son catalogue public. Les offres Windows de LWS étaient en rupture le 13 novembre 2026.

À propos de l'auteur

Abdelilah Ourti est ingénieur IA et architecte logiciel. Il conçoit et déploie des applications web et des systèmes d'IA, et publie sur NeurauTech des guides et des comparatifs destinés aux développeurs francophones. Ses autres articles sont réunis sur sa page auteur.

Méthode. Synthèse fondée exclusivement sur les pages de tarifs officielles des hébergeurs, le catalogue public d'OVHcloud et la documentation d'Oracle, de Google, d'AWS et de Docker, relevés le 9 novembre puis relus le 13 novembre 2026. Les pages ont été lues dans leur version française quand elle existe (OVHcloud, IONOS, LWS, Hostinger, Infomaniak) et anglaise sinon (Hetzner, Scaleway, Contabo) ; OVHcloud applique par défaut la TVA française, Contabo a servi sa version « AD ».

Calculs et indépendance. Les prix sont repris tels qu'affichés, sans conversion de devise ; les calculs par Go, sur 24 mois et pour l'IPv4 de Scaleway sont les nôtres. Aucun serveur n'a été loué ni testé, aucun lien n'est affilié et aucune relation commerciale ne lie l'auteur aux hébergeurs mentionnés.

Une erreur ou un prix périmé ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 13 novembre 2026.

Image : Winston Chen (Unsplash License).

Node.js 26 LTS : nouveautés, calendrier et migration

Neurau Tech — Fri, 13 Nov 2026 21:40:20 +0000

L'essentiel en une minute

Node.js 26 est devenu une version LTS (support à long terme) le 28 octobre 2026, avec la version 26.13.0 et le nom de code « Lithium ». Sorti le 5 mai 2026, il sera maintenu jusqu'au 30 avril 2029. C'est aussi la dernière ligne publiée selon l'ancien rythme pair et impair : à partir de Node.js 27, chaque version majeure deviendra LTS.

Cet article fait le point pour un développeur qui tourne sur Node.js 22 ou 24. Il repose sur les sources officielles de Node.js, de Docker et des gestionnaires de versions, consultées le 9 novembre 2026. Nous n'avons pas installé Node.js 26 pour cet article : les exemples de code viennent de la documentation et n'ont pas été exécutés.

Points clés

Node.js 26 est en LTS active depuis le 28 octobre 2026 (version 26.13.0), passera en maintenance le 20 octobre 2027 et arrivera en fin de vie le 30 avril 2029.

Le moteur V8 passe en 14.6, l'API Temporal est activée par défaut, et npm 11.20.0 est livré avec la version 26.13.0.

Corepack n'est plus distribué avec Node.js depuis la version 25 : un corepack enable dans un Dockerfile ou un pipeline de CI échouera s'il n'est pas installé à part.

Plusieurs API sont retirées, dont response.writeHeader() et les modules _stream_*, et les modules natifs doivent être recompilés.

Une publication de sécurité est annoncée pour le 11 novembre 2026 sur les lignes 26, 24 et 22 : prévoyez de mettre à jour dès sa sortie.

Node.js 26 LTS : les dates et les versions

Le calendrier officiel fixe trois dates pour Node.js 26 : LTS active le 28 octobre 2026, maintenance le 20 octobre 2027, fin de vie le 30 avril 2029 (calendrier du groupe Release, consulté le 9 novembre 2026). Les notes de la version 26.13.0 le confirment : elle ne change rien par rapport à 26.12.1, à part les métadonnées qui marquent la ligne comme LTS (notes de version 26.13.0, 28 octobre 2026).

Les lignes 22 et 24 restent supportées, mais en maintenance seulement : correctifs critiques et sécurité. Node.js 24 « Krypton » y est passé le 20 octobre 2026.

Ligne	Statut au 9 novembre 2026	Dernière version	V8	npm livré	Fin de vie
Node.js 22 « Jod »	LTS en maintenance	22.23.4 (20 octobre)	12.4	10.9.9	30 avril 2027
Node.js 24 « Krypton »	LTS en maintenance	24.22.2 (27 octobre)	13.6	11.19.1	30 avril 2028
Node.js 26 « Lithium »	LTS active	26.13.0 (28 octobre)	14.6	11.20.0	30 avril 2029
Node.js 27	Alpha	27.0.0-alpha.0.0.0 (numéro officiel)	Non relevé	Non relevé	30 avril 2030 (prévu)

Les versions, les numéros de V8 et de npm viennent de l'index officiel des versions et les dates de fin de vie du calendrier du groupe Release, relevés le 9 novembre 2026.

Selon l'annonce du projet Node.js du 10 mars 2026, il n'y aura plus qu'une version majeure par an, en avril, promue LTS en octobre. Une phase Alpha de six mois remplace les versions impaires : celle de Node.js 27 s'est ouverte le 28 octobre 2026, et sa première version, numérotée officiellement 27.0.0-alpha.0.0.0, est datée du 29 octobre par l'index. Ces nouvelles lignes auront 30 mois de LTS active, sans phase de maintenance.

Ce qui change depuis Node.js 24

La plupart des ruptures entre Node.js 24 et 26 datent de Node.js 25. Les points ci-dessous viennent des journaux de modifications de Node.js 25 et de Node.js 26, et de la documentation.

V8 14.6 et Temporal activé par défaut

Node.js 26 embarque V8 14.6, la version de Chromium 146, et active par défaut l'API Temporal, qui remplace avantageusement l'objet Date pour les dates, les fuseaux et les durées (notes de version 26.0.0, 5 mai 2026). V8 14.6 apporte aussi Map.prototype.getOrInsert(), getOrInsertComputed() et Iterator.concat().

Un exemple écrit d'après la documentation de Temporal sur MDN, non exécuté :

const aujourdHui = Temporal.Now.plainDateISO();
const echeance = aujourdHui.add({ months: 3 });
console.log(echeance.toString());

Si vous découvrez ces notions, notre guide pour apprendre JavaScript reprend les bases du langage avant ces nouvelles API.

Corepack n'est plus livré

C'est la réponse à la recherche « node 26 corepack » : Corepack n'est plus distribué avec Node.js depuis la version 25.0.0. Le journal de Node.js 25.0.0 contient le commit « build: stop distributing Corepack », confirmé par la documentation de distribution.

Pour continuer à l'utiliser, le dépôt de Corepack indique de l'installer avec npm, puis de l'activer (commandes non exécutées) :

npm install -g corepack
corepack enable

TypeScript : le retrait des types est stable

Node.js exécute directement les fichiers .ts qui n'utilisent que de la syntaxe effaçable : les types sont remplacés par des espaces, sans vérification. Cette fonction est stable depuis Node.js 25.2.0 et 24.12.0, d'après la documentation TypeScript de Node.js. En revanche, l'option --experimental-transform-types, qui transformait la syntaxe non effaçable, est supprimée dans Node.js 26. Restent donc refusés les enum, les namespace qui contiennent du code exécutable, les propriétés de paramètres et les alias d'import ; un namespace qui ne contient que des types reste accepté.

Node.js ignore tsconfig.json et ne vérifie aucun type : tsc reste nécessaire en CI. Notre guide pour apprendre TypeScript détaille l'option erasableSyntaxOnly, qui fait refuser par le compilateur la syntaxe que Node.js ne sait pas effacer.

require(esm) n'est plus expérimental

Charger un module ECMAScript avec require() n'est plus expérimental depuis Node.js 25.4.0, selon la documentation des modules. Pour un projet CommonJS qui dépend d'une bibliothèque publiée uniquement en ESM, c'est la fin d'un contournement fréquent. Les modules qui utilisent await au niveau supérieur restent exclus.

Le modèle de permissions s'étoffe

Le modèle de permissions, activé avec --permission, est stable depuis Node.js 23.5.0 et 22.13.0. Depuis, il a gagné --allow-net (Node.js 25.0.0, encore en développement actif), un mode d'audit --permission-audit (25.8.0) qui journalise les violations sans bloquer, et process.permission.drop() (26.3.0 et 24.20.0) pour renoncer à un droit en cours d'exécution (documentation des permissions).

Ce n'est pas une protection contre du code malveillant, prévient la documentation. Depuis Node.js 24.2.0 et 22.17.0, le point d'entrée, ici index.js, est autorisé en lecture sans option (documentation de --allow-fs-read) ; les autres fichiers lus doivent être déclarés, un chemin par option, car la virgule n'est plus acceptée comme séparateur.

node --permission --allow-fs-read=./config --allow-net index.js

Test runner, fetch, WebSocket et SQLite

Le test runner intégré, stable, gagne --test-randomize (26.1.0) pour mélanger l'ordre des tests, context.log() (26.6.0) et --test-coverage-include-all (26.7.0). La couverture de code reste marquée expérimentale dans la documentation du test runner.

fetch est stable depuis Node.js 21 et repose sur Undici, passé en version 8 avec Node.js 26.
WebSocket est un global stable depuis Node.js 22.4.0.
node:sqlite est en « release candidate » depuis 25.7.0 (documentation SQLite). Dans 26.11.0, DatabaseSync est renommée Database ; l'ancien nom reste un alias déprécié.

Ce qui reste expérimental

Ces ajouts sont marqués expérimentaux dans la documentation : à éviter en production.

node:ffi, pour appeler des bibliothèques natives (26.1.0), une API que la documentation dit dangereuse.
node:vfs, un système de fichiers virtuel (26.4.0).
Les Web Workers, derrière --experimental-web-worker (26.9.0).
URLPattern, global depuis Node.js 24.0.0 mais toujours expérimental.

Les API retirées et les ruptures à vérifier

Les retraits sont peu nombreux mais concrets : un appel à une API supprimée lève une erreur au lieu d'un simple avertissement. Pour writeHeader(), l'entrée du journal de Node.js 26.0.0 parle de http.Server.prototype, mais la dépréciation DEP0063 précise qu'il s'agit de la méthode de ServerResponse, la réponse HTTP. Le tableau reprend les principaux, d'après les notes de Node.js 25.0.0, de Node.js 26.0.0 et la liste des dépréciations.

Changement	Version	Remplacement indiqué
`response.writeHeader()` (`ServerResponse`) supprimée, DEP0063	26.0.0	`response.writeHead()`
Modules `_stream_wrap`, `_stream_readable` et quatre autres supprimés	26.0.0	`node:stream`
Option `--experimental-transform-types` supprimée	26.0.0	Un outil tiers comme `tsx`
`module.register()` dépréciée à l'exécution (DEP0205)	26.0.0	`module.registerHooks()`
Balises GCM courtes sans `authTagLength` (DEP0182) en fin de vie	26.0.0	Préciser `authTagLength`
Passer un `CryptoKey` aux API `node:crypto` (DEP0203) déprécié	26.0.0	Voir la liste des dépréciations
`SlowBuffer` supprimée	25.0.0	`Buffer.allocUnsafeSlow()`
`fs.F_OK`, `fs.R_OK`, `fs.W_OK`, `fs.X_OK` supprimées	25.0.0	`fs.constants`
Corepack retiré de la distribution	25.0.0	`npm install -g corepack`

Trois ruptures ne se voient pas dans le code. D'abord, les modules natifs doivent être recompilés : NODE_MODULE_VERSION passe à 147 dans Node.js 26.0.0. Ensuite, depuis Node.js 25, les binaires officiels pour Linux sont liés à libatomic, que certaines distributions demandent d'installer à part, préviennent les notes de la version 26.13.0.

Enfin, la compilation depuis les sources exige désormais GCC 13.2 au minimum.

Sécurité : 26.12.1 et la publication du 11 novembre

La dernière version de sécurité de la ligne 26 est 26.12.1, publiée le 21 octobre 2026. Le même bulletin renvoie vers 24.22.1 et 22.23.4 pour les deux autres lignes, que l'index officiel date du 20 octobre. Ce bulletin corrige notamment quatre failles de gravité élevée, dont une écriture hors limites dans le décodeur Brotli (CVE-2026-111497) (bulletin d'octobre de Node.js, 21 octobre 2026). Comme 26.13.0 reprend 26.12.1 à l'identique, la version LTS inclut ces correctifs.

Une nouvelle publication est annoncée pour le mercredi 11 novembre 2026 sur les lignes 26, 24 et 22, avec une gravité maximale « élevée » sur chacune (annonce de Node.js, 3 novembre 2026). Le 9 novembre, elle n'était pas encore publiée : les numéros de version ne sont donc pas connus.

Nous ne détaillons pas ces failles ici. Notre veille des failles de sécurité de novembre 2026 reprendra ces failles une par une après leur publication, avec les versions à installer.

Images Docker : node:26, slim et alpine

Les étiquettes latest, current, slim et alpine de l'image officielle node suivent la ligne stable la plus récente : elles pointent vers Node.js 26 depuis la mise à jour du 6 mai 2026 qui a ajouté 26.0.0. Le passage en LTS a déplacé les étiquettes lts, lts-slim et lts-alpine, qui désignaient Node.js 24 : elles pointent vers la ligne 26 depuis la mise à jour du 28 octobre 2026, d'après le fichier des images officielles. Un Dockerfile sur node:lts a donc changé de version majeure sans modification de votre part.

Étiquette	Base	Architectures	Pour quel usage
`node:26` ou `node:26-trixie`	Debian 13 « trixie » complète	amd64, arm64v8, ppc64le, s390x	Étape de compilation, outils inclus
`node:26-slim`	Debian 13 « trixie » allégée	amd64, arm64v8, ppc64le, s390x	Image d'exécution par défaut
`node:26-bookworm-slim`	Debian 12 « bookworm » allégée	amd64, arm64v8, ppc64le	Rester sur Debian 12
`node:26-alpine`	Alpine 3.24	amd64, arm64v8	Taille minimale, musl au lieu de glibc
`node:26.13.0-slim`	Version figée	Comme `26-slim`	Builds reproductibles

La page de l'image node sur Docker Hub rappelle qu'Alpine utilise la bibliothèque C musl, source d'incompatibilités avec certains modules natifs. Node.js 26.11.0 a toutefois promu Alpine Linux au niveau 2 de support. Les variantes slim, elles, ne contiennent que le strict nécessaire pour exécuter Node.js.

Selon l'API publique de Docker Hub, le 9 novembre 2026, node:26 pèse 444,9 Mo compressés pour amd64, node:26-slim 85,7 Mo et node:26-alpine 62,9 Mo, contre 81,0 Mo pour node:24-slim. Décompressées, les images sont plus lourdes.

Un Dockerfile en deux étapes, construit d'après la documentation de l'image et non exécuté. L'étape de compilation part de l'image complète, qui contient les outils nécessaires aux modules natifs ; l'image finale, en variante slim, reprend les dépendances déjà installées (après npm prune --omit=dev) au lieu de les réinstaller :

# Remplacez 26.13.0 par la version de sécurité du 11 novembre dès sa sortie
FROM node:26.13.0 AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build
RUN npm prune --omit=dev

FROM node:26.13.0-slim
WORKDIR /app
ENV NODE_ENV=production
COPY --from=build /app/package*.json ./
COPY --from=build /app/node_modules ./node_modules
COPY --from=build /app/dist ./dist
USER node
CMD ["node", "dist/index.js"]

Si les étapes multiples ou les couches sont nouvelles pour vous, commencez par notre tutoriel Docker pour débutants.

Migrer depuis Node.js 22 ou 24 : la checklist

La migration vers Node.js 26 se prépare en six étapes. Les commandes viennent des documentations de chaque outil et n'ont pas été exécutées pour cet article.

1. Installez Node.js 26 en local. Avec nvm, nvm install 26, ou nvm install --reinstall-packages-from=current 'lts/*' pour récupérer vos paquets globaux. Avec fnm, fnm install 26 puis fnm use 26. Avec mise, mise use node@26, qui écrit la version dans mise.toml.

Si vous utilisez Volta, volta install node@26 reste possible, mais son dépôt officiel indique que l'outil n'est plus maintenu et recommande de migrer vers mise.

2. Fixez la version dans le projet. Un fichier .nvmrc contenant 26 est lu par nvm à chaque nvm use ou nvm install (documentation de nvm) ; nvm ne lit pas .node-version. fnm lit les deux fichiers, tout comme l'option node-version-file de actions/setup-node, et mise les lit une fois l'option idiomatic_version_file_enable_tools activée (documentation de mise). Dans package.json, le champ engines déclare les versions acceptées :

{
  "engines": { "node": ">=22" }
}

Sans l'option engine-strict, npm ne fait qu'avertir quand la version ne correspond pas, d'après la documentation de package.json. Relevez la borne à >=24 ou >=26 le jour où vous retirez une ligne de la matrice.

3. Élargissez la matrice de CI. Avec l'action actions/setup-node, testez sur les lignes encore supportées avant de couper l'ancienne :

strategy:
  matrix:
    node-version: [22, 24, 26]
steps:
  - uses: actions/setup-node@v7
    with:
      node-version: ${{ matrix.node-version }}

Notre tutoriel GitHub Actions monte justement une matrice Node.js 24 et 26 pour une API.

4. Cherchez les API retirées. Lancez vos tests avec node --throw-deprecation pour transformer chaque avertissement en erreur, puis cherchez writeHeader, _stream_, SlowBuffer, fs.F_OK, module.register et --experimental-transform-types dans le code et les scripts.

5. Remplacez corepack enable. Dans les Dockerfile et les pipelines, ajoutez npm install -g corepack avant, ou installez directement votre gestionnaire de paquets.

6. Recompilez et mettez à jour les images. Relancez npm ci, qui supprime node_modules avant d'installer et recompile ainsi les modules natifs, figez l'image Docker sur 26.13.0-slim ou sur la version de sécurité du 11 novembre, et vérifiez la présence de libatomic sur vos serveurs Linux hors conteneur.

Pour une API Express, notre guide pour créer une API REST avec Node.js et Express vise déjà Node.js 24 ou plus. Côté front, notre article sur Next.js indique la version minimale de Node.js exigée par Next.js 16.

Faut-il passer à Node.js 26 maintenant ?

Pour un nouveau projet, oui : Node.js 26 est la seule ligne en LTS active, celle qui reçoit les nouveautés validées par l'équipe de publication jusqu'au 20 octobre 2027. Son support court jusqu'au 30 avril 2029, un an de plus que Node.js 24 selon le calendrier officiel.

Pour un projet en production sur Node.js 24, rien ne presse : la ligne 24 reste supportée jusqu'au 30 avril 2028 et reçoit les mêmes correctifs de sécurité. Planifiez la migration après un passage complet de vos tests en CI.

Pour un projet sur Node.js 22, la date à retenir est le 30 avril 2027, fin de vie de la ligne. Il reste moins de six mois. Passer directement à Node.js 26 évite une seconde migration en 2028, à condition de traiter en une fois les ruptures de quatre versions majeures, de 23 à 26.

Dans tous les cas, attendez la publication du 11 novembre 2026 pour figer une version dans vos images, plutôt que de déployer 26.13.0 deux jours avant un correctif de sécurité annoncé.

Ce que nous n'avons pas pu vérifier

Cet article est une synthèse documentaire, sans test sur machine. Les points suivants sont absents ou incertains :

Les performances. Nous n'avons mené aucun banc d'essai et n'avons pas trouvé de mesure indépendante comparant Node.js 24 et 26.
Le contenu de la publication du 11 novembre. Ni les failles ni les numéros de version n'étaient publiés le 9 novembre 2026.
Le comportement exact de localStorage, activé par défaut depuis Node.js 25, sans --localstorage-file. Le journal de Node.js 26.0.0 et la documentation de la version 26.13.0 décrivent deux comportements différents. Testez-le si vous en dépendez.
Le rétroportage vers Node.js 24. Certaines nouveautés citées existent aussi dans des versions 24.x récentes, comme process.permission.drop(). Nous n'avons pas vérifié chaque fonction une par une.

Questions fréquentes

Quand Node.js 26 est-il passé en LTS ?

Le 28 octobre 2026, avec la version 26.13.0 et le nom de code « Lithium », selon les notes de version officielles. La ligne passera en maintenance le 20 octobre 2027 et sera en fin de vie le 30 avril 2029.

Corepack est-il encore inclus dans Node.js 26 ?

Non. Corepack n'est plus distribué avec Node.js depuis la version 25.0.0, d'après le dépôt de Corepack. Installez-le avec npm install -g corepack, puis lancez corepack enable, ou installez pnpm et Yarn par un autre moyen.

Quelle image Docker choisir pour Node.js 26 ?

node:26-slim est le bon choix par défaut pour exécuter une application : 85,7 Mo compressés pour amd64 sur Docker Hub le 9 novembre 2026, contre 444,9 Mo pour l'image complète. node:26-alpine est plus légère, mais utilise musl, ce qui peut gêner des modules natifs. En production, figez une version précise.

Node.js 26 exécute-t-il TypeScript sans compilation ?

En partie. Node.js exécute les fichiers .ts qui n'utilisent que de la syntaxe effaçable, sans vérifier les types, une fonction stable selon la documentation TypeScript de Node.js. Les enum, les namespace contenant du code exécutable et les propriétés de paramètres sont refusés, car l'option --experimental-transform-types a été supprimée dans Node.js 26.

À propos de l'auteur

Méthode. Analyse fondée exclusivement sur des sources publiques consultées le 9 novembre 2026 : notes de version, journaux, documentation et bulletins de sécurité de Node.js, calendrier du groupe Release, images officielles Docker, documentations de nvm, fnm, mise, Volta, Corepack et npm. Node.js 26 n'a pas été installé et aucun code n'a été exécuté. Aucun lien n'est affilié et aucune relation commerciale ne lie l'auteur aux projets mentionnés.

Une erreur ou une version périmée ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 9 novembre 2026.

Image : İsmail Enes Ayhan (Unsplash License).

Meilleur LLM local : 8 modèles mesurés sur un portable de 8 Go

Neurau Tech — Sat, 07 Nov 2026 12:54:33 +0000

L'essentiel en une minute

Le meilleur LLM local dépend d'abord de votre machine, et la plupart des comparatifs n'en mesurent aucune. Nous avons donc fait tourner 8 modèles open-weight récents avec Ollama sur un portable ordinaire, sans carte graphique dédiée et avec 8 Go de mémoire, les 6 et 7 novembre 2026. Chaque modèle a reçu les mêmes consignes : 6 exercices de code vérifiés par des tests unitaires, 8 questions en français à réponse connue et un résumé noté sur une grille fixée à l'avance. Nous les avons ensuite confrontées aux chiffres publiés.

Sur cette machine, Gemma 4 E2B est le seul à réussir tous les tests de code et toutes les questions, au prix de 47 secondes de chargement. Ministral 3 3B le suit (5 tests de code sur 6, 8 questions sur 8) et se charge en 17 secondes. En vitesse, l'écart reste faible : de 5 à 7,5 tokens par seconde en génération.

Points clés

Sur un portable à 8 Go sans GPU, les modèles de 1,9 à 4,6 milliards de paramètres (selon Ollama) génèrent entre 5,0 et 7,5 tokens par seconde (médiane de 3 exécutions, sur secteur).

Gemma 4 E2B réussit 6 tests de code sur 6 et 8 questions sur 8 ; Ministral 3 3B et Qwen3.5 4B réussissent 5 tests sur 6. Llama 3.2 3B et Qwen3.5 2B n'en réussissent qu'un.

La lecture du prompt est le vrai goulot : 14 à 43 tokens par seconde, soit 15 à 45 secondes d'attente pour un texte de 600 tokens.

Des mesures publiées sur des portables à 16 et 32 Go sont plus rapides : processeur, système et mémoire diffèrent, le manque de mémoire est une explication probable. Notre 7B a planté une fois et n'a pas dépassé 2 tokens par seconde (mesure indicative).

Ce sont les résultats d'une machine et d'un petit jeu de tests, pas un classement général.

L'installation d'Ollama, la quantification et l'API locale sont expliquées dans notre guide LLM local avec Ollama. Cet article ne les répète pas : il donne des mesures.

La machine et les 8 modèles

Nous avons choisi un portable courant, sans carte graphique dédiée. Pour choisir une machine plus adaptée, voyez notre comparatif du meilleur laptop pour développeur.

Élément	Valeur relevée le 6 novembre 2026
Ordinateur	Huawei NBLB-WAX9N (portable)
Processeur	Intel Core i5-10210U, 4 cœurs, 8 threads, 1,6 GHz de base
Mémoire	8 Go de DDR4-2667 (2 barrettes de 4 Go)
Graphique	Intel UHD Graphics intégré, écarté par Ollama : calcul sur le processeur seul
Système	Windows 11 Famille, build 26300
Logiciel	Ollama 0.40.15, archive officielle pour Windows
Applications ouvertes	VS Code, Chrome et un terminal

Les modèles viennent de la bibliothèque Ollama, consultée le 6 novembre 2026 : des familles récentes qui tiennent dans 8 Go, avec l'étiquette par défaut de ollama pull.

Modèle	Étiquette Ollama	Paramètres	Quantification	Téléchargement
Qwen3.5 2B	`qwen3.5:2b`	1,9 Md	Q8_0	2,7 Go
Qwen2.5-Coder 3B	`qwen2.5-coder:3b`	3,1 Md	Q4_K_M	1,9 Go
Llama 3.2 3B	`llama3.2:3b`	3,2 Md	Q4_K_M	2,0 Go
Ministral 3 3B	`ministral-3:3b`	3,8 Md	Q4_K_M	3,0 Go
Phi-4-mini	`phi4-mini`	3,8 Md	Q4_K_M	2,5 Go
Qwen3.5 4B	`qwen3.5:4b`	4,2 Md	Q4_K_M	3,3 Go
Gemma 4 E2B	`gemma4:e2b`	4,6 Md	Q4_K_M	4,6 Go
Qwen2.5-Coder 7B	`qwen2.5-coder:7b`	7,6 Md	Q4_K_M	4,7 Go

Paramètres et quantification sont ceux que renvoie Ollama. Gemma 4 E2B pèse plus que son nom ne le laisse penser : sa fiche officielle indique 2,3 milliards de paramètres effectifs mais 5,1 milliards avec les tables d'embeddings.

La méthode

Les réglages étaient identiques pour tous : température 0, graine fixée à 42, contexte de 4 096 tokens, mode « réflexion » désactivé (think: false), un seul modèle chargé à la fois. Les durées viennent de l'API locale d'Ollama (documentation).

Vitesse. La même question (« Explique en cinq phrases à un développeur débutant ce qu'est un index dans une base de données relationnelle ») a été posée trois fois, modèle déchargé avant chaque essai : le chargement est mesuré à froid. Pour la lecture d'un long prompt, le texte à résumer (environ 600 tokens) a été envoyé trois fois, modèle déchargé pour éviter le cache. Nous publions la médiane.

Code. Six fonctions Python, chacune vérifiée par des tests unitaires exécutés sur la machine : fizzbuzz, validation de parenthèses, chiffres romains, fusion d'intervalles, conversion d'une durée comme « 1h30m15s » en secondes, mots les plus fréquents d'un texte français. C'est le niveau de nos exercices Python corrigés, pas celui d'un projet réel.

Questions en français. Huit questions à réponse unique : capitale de l'Australie, heure d'arrivée d'un train, règle de trois, plus grand nombre premier sous 50, auteur des « Misérables », énigme « Marie a 3 frères, chacun a 2 sœurs », prise de la Bastille, baisse puis hausse de 25 %. Le modèle devait finir par une ligne « Réponse : ... », lue automatiquement.

Résumé. Un compte rendu de réunion fictif, à résumer en 80 mots. La grille, fixée avant les mesures, donne 5 points : décision, date, budget, risque principal, et 100 mots au plus en français. Les réponses étaient plafonnées à 128 tokens pour la vitesse, 450 pour le code, 160 pour les questions et 200 pour le résumé.

Vitesse : ce que donne un CPU seul

Sur ce processeur, aucun modèle ne dépasse 7,5 tokens par seconde en génération. Mesures du 7 novembre 2026, dans une même session, sur secteur du début à la fin de chaque modèle.

Modèle	Chargement à froid	Lecture du prompt long	Génération
Qwen3.5 2B	10,9 s	19,9 tok/s	7,5 tok/s
Qwen2.5-Coder 3B	9,0 s	24,8 tok/s	6,7 tok/s
Ministral 3 3B	16,7 s	20,0 tok/s	6,4 tok/s
Gemma 4 E2B	47,5 s	43,0 tok/s	6,3 tok/s
Llama 3.2 3B	8,7 s	23,1 tok/s	6,1 tok/s
Phi-4-mini	8,8 s	18,2 tok/s	6,1 tok/s
Qwen3.5 4B	11,1 s	13,7 tok/s	5,0 tok/s

Médiane de 3 exécutions. Mesures NeurauTech du 7 novembre 2026, Ollama 0.40.15, Core i5-10210U, 8 Go, sur secteur. Avec 3 exécutions seulement, un écart de moins de 1 token par seconde entre deux modèles n'est pas significatif. Qwen2.5-Coder 7B est traité à part, plus bas.

La lecture du prompt compte plus que la génération : à 14 à 43 tokens par seconde, un texte de 600 tokens impose 15 à 45 secondes d'attente avant le premier mot. Un assistant de code qui envoie un fichier entier, ou un système RAG qui ajoute des passages au prompt, devient vite pénible sur ce type de machine. Gemma 4 E2B lit le prompt 1,7 fois plus vite que le suivant (médiane de 43,0 contre 24,8 tokens par seconde, avec des essais de 38 à 83 tokens par seconde), ce qui compense en partie son chargement.

Le chargement prend 9 à 17 secondes, mais 47,5 secondes pour Gemma 4 E2B. Ollama garde le modèle chargé 5 minutes après la dernière requête (réglage OLLAMA_KEEP_ALIVE par défaut, relevé dans le journal du serveur) : ce délai ne se paie qu'au premier appel ou après une pause. Une première série faite en partie sur batterie a été écartée, car les vitesses n'étaient pas comparables.

Qualité : code exécuté, questions et résumé

Gemma 4 E2B est le seul modèle sans faute sur nos tests. Ces scores ne dépendent pas de l'alimentation : avec une température de 0 et une graine fixe, le résumé, répété sur batterie puis sur secteur, est resté identique mot pour mot ; code et questions n'ont été passés qu'une fois.

Modèle	Code (tests réussis)	Questions en français	Résumé (grille sur 5)
Gemma 4 E2B	6 / 6	8 / 8	5 / 5
Ministral 3 3B	5 / 6	8 / 8	5 / 5
Qwen3.5 4B	5 / 6	7 / 8	5 / 5
Qwen2.5-Coder 3B	4 / 6	8 / 8	5 / 5
Phi-4-mini	2 / 6	7 / 8	5 / 5
Qwen3.5 2B	1 / 6	6 / 8	5 / 5
Llama 3.2 3B	1 / 6	5 / 8	5 / 5
Qwen2.5-Coder 7B	Non mesuré	Non mesuré	Non mesuré

Mesures NeurauTech, 6 et 7 novembre 2026. Température 0, graine 42, contexte 4 096 tokens. Les scores de six modèles viennent de la première série (6 et 7 novembre) : Gemma 4 E2B, Qwen2.5-Coder 3B, Qwen3.5 2B et Qwen3.5 4B y ont tourné sur batterie, Llama 3.2 3B et Phi-4-mini sur secteur. Seule la vitesse de cette série a été écartée. Ministral 3 3B a été noté le 7 novembre sur secteur. Le test de qualité de Qwen2.5-Coder 7B a été arrêté avant la fin.

Le code départage les modèles. Seul Gemma 4 E2B a réussi la conversion de durée (« 1h30m15s » en secondes) ; Qwen2.5-Coder 3B, Qwen3.5 4B et Ministral 3 3B ont écrit des fonctions qui plantent sur cette entrée. Les petits généralistes font des erreurs plus basiques : Qwen3.5 2B accepte « (] » comme une expression bien parenthésée, Phi-4-mini rend deux fois du code qui ne compile pas.

Les questions piègent surtout sur le raisonnement. L'énigme des sœurs (réponse : 2) a été manquée par Qwen3.5 2B, qui répond 4, et par Llama 3.2 3B, qui répond 7. Phi-4-mini annonce 60 euros au lieu de 75 pour la baisse puis la hausse de 25 %. Trois échecs tiennent à nos règles : Llama 3.2 3B a écrit deux fois « Réponse : ... » au lieu de recopier sa bonne réponse (capitale et Bastille), et Qwen3.5 4B a dépassé le plafond de 160 tokens avant de conclure.

Le résumé ne départage personne : 5 sur 5 pour tous, notre grille était trop facile.

Mémoire : la vraie limite d'un portable de 8 Go

Sur 8 Go partagés avec Windows, VS Code et Chrome, un modèle 7B ne passe pas confortablement. Au premier essai sur secteur, Qwen2.5-Coder 7B s'est chargé en 113 secondes et a généré à 1,2 token par seconde, puis le processus d'inférence d'Ollama s'est arrêté au rechargement suivant (« connexion fermée de force par l'hôte distant »). Au second essai, il a tenu trois chargements (54 à 87 secondes) pour 1,0 à 2,0 tokens par seconde. Le premier essai n'a donné qu'une exécution et l'ordinateur a été débranché pendant le second : tous ces chiffres sont indicatifs.

Pour les modèles de 1,9 à 4,6 milliards de paramètres (selon Ollama), le pic de mémoire occupé par Ollama est resté entre 2,1 et 3,2 Go. Pendant chaque test, la mémoire disponible du système est tombée à presque zéro selon notre relevé, Windows compressant et déplaçant le reste vers le disque.

Cette mesure (mémoire de travail des processus Ollama, relevée toutes les 0,25 seconde) sous-estime la place réelle quand Windows manque de mémoire : Gemma 4 E2B, avec un fichier de 4,6 Go, n'affiche que 2,5 Go de pic.

Nos mesures face aux chiffres publiés

Les chiffres publiés montrent des vitesses plus élevées sur d'autres machines, mieux dotées en mémoire, et les scores des éditeurs nuancent notre classement en code. Lus le 7 novembre 2026, ils sont présentés à part, car les conditions diffèrent.

Vitesse sur processeur seul. Nous n'avons trouvé que deux mesures publiées avec un matériel précis. Système, logiciel, mémoire et méthode diffèrent des nôtres : la comparaison n'est qu'indicative.

Source	Machine	Modèle	Génération	Lecture du prompt
NeurauTech, 7 nov. 2026	i5-10210U, 8 Go DDR4, Windows, Ollama 0.40.15	Llama 3.2 3B (Q4_K_M)	6,1 tok/s	23,1 tok/s
jtmoulia, 16 nov. 2024	i7-1185G7, 32 Go DDR4, Linux, Ollama 0.4.2	`llama3.2:3b`	14 tok/s	Non publié
jtmoulia, 16 nov. 2024	Même portable	`qwen2.5-coder:7b`	8 tok/s	Non publié
Marcus Groeber, 2 févr. 2026	i7-8550U, 16 Go, llama.cpp, 8 threads	Llama 7B (Q4_0)	6,37 tok/s	16,29 tok/s

Le portable de jtmoulia, mesuré avec une seule consigne et une méthode non détaillée, avait 32 Go : il génère plus de deux fois plus vite que nous sur Llama 3.2 3B. Le portable de Marcus Groeber, un processeur de 2018 avec 16 Go, obtient 6,37 tokens par seconde avec un modèle 7B dans l'outil de mesure llama-bench de llama.cpp. Nous ne pouvons pas isoler la cause : processeur, système, logiciel et mémoire diffèrent. La mémoire est une piste probable, car la mémoire disponible tombait à presque zéro pendant nos tests.

Scores publiés par les éditeurs. Ces chiffres viennent des fiches officielles et ne sont pas vérifiés de façon indépendante. Ils sont obtenus dans des conditions que les fiches ne détaillent pas toujours (quantification, mode « réflexion »), sur des tests qui changent d'un éditeur à l'autre : ne comparez que des scores du même test.

Modèle	Code (score publié par l'éditeur)	Connaissances	Source
Qwen3.5 4B	LiveCodeBench v6 : 55,8	MMLU-Pro : 79,1 ; MMMLU : 76,1	Fiche Qwen, consultée le 7 nov. 2026, mode non précisé (réflexion par défaut)
Gemma 4 E2B	LiveCodeBench v6 : 44,0 %	MMLU Pro : 60,0 % ; MMMLU : 67,4 %	Fiche Google, consultée le 7 nov. 2026
Qwen3.5 2B	Non publié	MMLU-Pro : 55,3 sans réflexion, 66,5 avec	Fiche Qwen, consultée le 7 nov. 2026
Qwen2.5-Coder 3B	HumanEval : 84,1 ; MBPP : 73,6	Non publié	Rapport technique, v3 du 12 nov. 2024, consulté le 7 nov. 2026
Qwen2.5-Coder 7B	HumanEval : 88,4 ; MBPP : 83,5	Non publié	Rapport technique, v3 du 12 nov. 2024, consulté le 7 nov. 2026
Phi-4-mini	Non publié	MMLU : 67,3 ; MMLU multilingue : 49,3	Fiche Microsoft, février 2025, consultée le 7 nov. 2026
Llama 3.2 3B	Non publié	MMLU : 63,4 ; MMLU en français : 54,6	Fiche Meta, septembre 2024, consultée le 7 nov. 2026
Ministral 3 3B	Non publié pour la version Instruct	Arena Hard : 0,305 ; WildBench : 56,8	Fiche Mistral AI, consultée le 7 nov. 2026

Trois enseignements. D'abord, selon leurs éditeurs, Qwen3.5 4B devance Gemma 4 E2B sur LiveCodeBench v6 (55,8 contre 44,0), l'inverse de notre petit test. La fiche de Qwen3.5 4B ne précise pas le mode utilisé et indique que le modèle réfléchit par défaut ; nous avions coupé ce mode. Ensuite, le mode réflexion pèse lourd : Qwen publie pour Qwen3.5 2B un MMLU-Pro de 55,3 sans réflexion et 66,5 avec. Enfin, les éditeurs ne mesurent pas tous de la même façon : Meta donne 63,4 au MMLU pour Llama 3.2 3B, la fiche de Phi-4-mini lui attribue 65,0.

Côté classements indépendants, la page des petits modèles open source d'Artificial Analysis, consultée le 7 novembre 2026, couvre les modèles de 4 à 40 milliards de paramètres et affiche les 12 premiers de son indice de progression, de Nanbeige4.3-33B (306 points) à Qwen3.6 35B A3B sans réflexion (246 points). Aucun des modèles que nous avons mesurés ne figure parmi ces 12, et la page de Gemma 4 E2B n'affiche pas de score.

Quel est le meilleur LLM local selon l'usage

Sur cette machine, le meilleur LLM local polyvalent est Gemma 4 E2B, si vous acceptez 47 secondes de chargement. Les chiffres publiés ne changent pas ce choix, mais ils ajoutent une option pour le code.

Usage	Notre choix sur ce portable	Pourquoi	Alternative
Coder	Gemma 4 E2B	6 tests sur 6, lecture de prompt la plus rapide	Qwen3.5 4B : 55,8 sur LiveCodeBench v6 selon Qwen (mode non précisé, réflexion par défaut), plus lent si la réflexion est active
Discuter en français	Gemma 4 E2B	8 questions sur 8, dont l'énigme des sœurs	Ministral 3 3B (8 sur 8, chargement en 17 s)
Portable avec peu de RAM	Qwen2.5-Coder 3B	Plus petit fichier (1,9 Go) et pic mesuré le plus bas (2,1 Go), 4 tests de code sur 6, chargement en 9 s	Qwen3.5 4B si 1 Go de plus est libre
À éviter sur 8 Go	Qwen2.5-Coder 7B	Un plantage d'Ollama, 1 à 2 tok/s (indicatif)	Mesures publiées : 6 à 8 tok/s pour un 7B avec 16 ou 32 Go

Pour coder, le meilleur LLM local sur 8 Go reste un complément aux assistants en ligne : à 6 tokens par seconde, une réponse de 300 tokens prend environ 50 secondes. Le mode réflexion de Qwen3.5 4B, actif par défaut selon sa fiche, ajoute des tokens avant chaque réponse : nous ne l'avons pas mesuré, mais chacun allonge l'attente. Les études sur le gain de productivité sont résumées dans notre article sur l'IA pour coder plus vite ; pour l'éditeur de code, le guide Ollama détaille l'extension Continue, et nos raccourcis VS Code font gagner du temps.

Pour discuter en français, les erreurs relevées viennent surtout du raisonnement ; nous n'avons pas noté la qualité du français. Gemma 4 E2B, Ministral 3 3B et Qwen2.5-Coder 3B ont fait 8 sur 8.

Pour un portable avec peu de mémoire, fermez le navigateur avant de charger le modèle, gardez un contexte de 4 096 tokens et préférez un modèle de 3 milliards de paramètres. Si vous achetez une machine pour l'IA locale, visez au moins 16 Go : sur 8 Go, notre système manquait de mémoire pendant chaque test, et les mesures publiées sur 16 et 32 Go sont plus rapides, sur d'autres processeurs. Pour relier ensuite le modèle à vos outils, notre guide du serveur MCP explique le protocole.

Les limites de ce banc d'essai

Ce banc d'essai ne remplace pas un classement général :

Une seule machine, non isolée. VS Code et Chrome restaient ouverts.
Un petit échantillon. Six exercices de code et huit questions montrent les grands écarts, pas les petits : un exercice de plus peut inverser deux lignes du tableau.
Des étiquettes par défaut. Qwen3.5 2B est livré en Q8_0, les autres en Q4_K_M : c'est ce qu'obtient l'utilisateur, mais la quantification n'est pas égale.
Réflexion désactivée. Qwen3.5 et Gemma 4 savent « réfléchir » avant de répondre. Nous avons coupé ce mode pour comparer à réglages égaux, alors que certains scores publiés l'utilisent.

Ce que nous n'avons pas pu vérifier

Des mesures publiées sur processeur pour Gemma 4, Qwen3.5 ou Ministral 3 : nous n'en avons trouvé aucune avec un matériel précis.
Le classement de LiveCodeBench : sa page publique ne s'est pas chargée lors de notre consultation, nous n'avons donc pas pu y situer ces modèles.
Le mode des scores de Qwen3.5 4B : sa fiche ne dit pas s'ils ont été obtenus avec ou sans réflexion.
Le GPU intégré : Ollama l'écarte par défaut, et nous n'avons pas activé le réglage OLLAMA_IGPU_ENABLE.

Questions fréquentes

Quel est le meilleur LLM local pour un PC avec 8 Go de RAM ?

Sur notre portable de 8 Go sans GPU, Gemma 4 E2B a réussi tous nos tests de code et toutes nos questions en français, à 6,3 tokens par seconde. Si la mémoire est très juste, Qwen2.5-Coder 3B a le plus petit fichier (1,9 Go) et le pic mesuré le plus bas (2,1 Go), et reste correct en code.

Quel LLM local choisir pour coder ?

Sur notre machine, Gemma 4 E2B (6 tests sur 6), puis Ministral 3 3B et Qwen3.5 4B (5 sur 6). Selon Qwen, Qwen3.5 4B obtient 55,8 sur LiveCodeBench v6, contre 44,0 % pour Gemma 4 E2B selon Google. La fiche de Qwen ne précise pas le mode utilisé, et le modèle réfléchit par défaut, ce qui ralentit chaque réponse sur un processeur seul.

Un LLM local est-il assez rapide sans carte graphique ?

Pour des questions courtes, oui : à 5 à 7,5 tokens par seconde, une réponse de 300 tokens arrive en 40 à 60 secondes. Avec de longs documents, la lecture du prompt (14 à 43 tokens par seconde ici) devient le facteur limitant.

Peut-on faire tourner un modèle 7B avec 8 Go de RAM ?

Sur notre machine, pas de façon fiable : Qwen2.5-Coder 7B a fait planter Ollama une fois et n'a pas dépassé 2 tokens par seconde (mesure indicative). Sur une machine mieux dotée, un portable à 32 Go, le même modèle a été mesuré à 8 tokens par seconde ; processeur et système y étaient aussi différents.

À propos de l'auteur

Méthode. Mesures prises les 6 et 7 novembre 2026 sur le portable de l'auteur décrit plus haut, avec Ollama 0.40.15 et un script Python. Chaque chiffre retenu vient d'une seule série de mesures ; rien n'a été remesuré après le 7 novembre. Nos vitesses ont été mesurées sur secteur le 7 novembre (sauf le second essai, indicatif, de Qwen2.5-Coder 7B) ; une première série en partie sur batterie a été écartée pour la vitesse. Les fichiers téléchargés (8 modèles, 24,7 Go, et Ollama) ont été supprimés ensuite. Chiffres des éditeurs et des tiers lus le 7 novembre 2026. Aucun lien affilié.

Une erreur ou une mesure à refaire ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 7 novembre 2026.

Image : Adhitya Sibikumar (Unsplash License). Graphiques : NeurauTech, à partir de nos mesures.

Claude Code vs Cursor, Copilot et Codex : prix et limites en novembre 2026

Neurau Tech — Sat, 07 Nov 2026 11:08:26 +0000

L'essentiel en une minute

Le match Claude Code vs Cursor a changé de règles. Depuis le 12 octobre 2026, Cursor se vend dans « The X Subscription » de SpaceX, avec les modèles Grok inclus et les modèles de Claude, GPT ou Gemini facturés au prix de l'API. GitHub Copilot compte en crédits depuis le 1er juin, et Anthropic a renommé ses offres Max fin octobre.

Nous comparons Claude Code, Cursor, GitHub Copilot, OpenAI Codex et, en appoint, Gemini CLI. Chaque prix et chaque limite ont été relus les 6 et 7 novembre 2026 sur la page officielle liée, sauf mention explicite de la presse. Montants en dollars hors taxes : aucune page chargée depuis la France n'affichait d'euros. Synthèse documentaire, sans compte ouvert.

Points clés

À l'entrée : Copilot Pro 10 $, Cursor Plus 8 $ (modèles Grok seulement), Claude Pro 20 $ avec Claude Code, ChatGPT Plus 20 $ avec Codex.

Chez Cursor, Claude, GPT et Gemini ne sont plus inclus : à partir de Premium (30 $), ils sont payés au prix de l'API dès la première requête.

Les unités diffèrent : fenêtres de 5 heures chez Anthropic et OpenAI, crédits à 0,01 $ chez GitHub, réserve hebdomadaire partagée avec Grok chez Cursor.

Pour 5 développeurs facturés au mois, l'entrée de gamme va de 95 $ (Copilot Business) à 150 $ (Cursor Teams, hors modèles tiers).

Sur les offres individuelles, l'entraînement sur vos échanges dépend d'un réglage chez Anthropic, Cursor et GitHub ; la page équivalente d'OpenAI n'a pas pu être lue. Les offres professionnelles d'Anthropic, de GitHub et d'OpenAI l'excluent par défaut.

Claude Code vs Cursor : le tableau de référence au 6 novembre 2026

Voici les offres de chaque outil telles qu'affichées le 6 novembre 2026, en prix mensuel ; détails et sources suivent.

	Claude Code	Cursor	GitHub Copilot	OpenAI Codex
Gratuit	Non (Claude Free n'inclut pas Claude Code)	Free, usage limité	Free, 2 000 complétions par mois	Free, GPT-6 Luna dans l'application de bureau, en déploiement progressif
Entrée payante	Pro, 20 $	Plus, 8 $, Grok seulement	Pro, 10 $	Plus (ChatGPT), 20 $
Offres hautes	Max 100 $, Ultra 200 $	Premium 30 $, Super 100 $, Ultra 200 $	Pro+ 39 $, Max 100 $	Pro 100, 200 ou 500 $
Remise annuelle affichée	Pro et Team	Plus, Premium, Super, Ultra	Aucune	Business
Équipe, par siège et par mois	Team 25 $, siège premium 125 $	Teams 30, 100 ou 200 $	Business 19 $, Enterprise 39 $	Business 25 $
Unité de mesure	Plafond par 5 heures et par semaine	Réserve hebdomadaire partagée avec Grok	Crédits IA, 1 crédit = 0,01 $	Messages par 5 heures, plafond hebdomadaire possible
Où il tourne	Terminal, VS Code, JetBrains, application de bureau, web	Éditeur, CLI, agents cloud, iOS	IDE, CLI, github.com, agent cloud	CLI, extension IDE, application de bureau, cloud
MCP	Oui	Oui	Oui	Oui

Sources : pages de Claude, de Cursor, de GitHub Copilot et de Codex. Pour le protocole MCP, voyez notre tutoriel sur les serveurs MCP.

Les modèles ne départagent plus ces outils. La page des offres de Copilot liste 35 modèles, dont Claude Opus 5.5, GPT-6.1 Sol, Gemini 4 Argon et Grok 4.7. Comparer Claude Code vs Cursor, c'est comparer une manière de travailler et une facturation. Voir notre comparatif ChatGPT, Claude et Gemini.

Ce qui a changé depuis juin

Cinq changements datent des cinq derniers mois.

1er juin, GitHub. Les requêtes premium deviennent des crédits IA calculés sur les tokens, aux tarifs API de chaque modèle, et le repli sur un modèle moins cher disparaît (annonce de GitHub, 27 avril 2026). L'offre Max à 100 $ arrive le même jour (blog GitHub, 12 mai 2026).
14 août, Cursor. Cursor annonce que son rachat par SpaceX est finalisé (blog de Cursor, 14 août 2026).
12 octobre, Cursor. « The X Subscription » regroupe Cursor, Grok et X Premium ; les anciennes offres Pro, Pro+ et Ultra restent pour les clients existants (documentation de Cursor). La date vient de la presse : The New Stack, 13 octobre 2026.
14 octobre, OpenAI. GPT-5.5 est retiré de Codex pour les connexions avec un compte ChatGPT (page des prix de Codex).
30 octobre, Anthropic. Max 5x devient Max, Max 20x devient Ultra, et les comptes Ultra vérifiés n'ont plus de limite sur 5 heures. Les noms et la limite figurent sur la page des prix de Claude ; la date vient de la presse : Let's Data Science, 30 octobre 2026.

À noter aussi : le 29 octobre 2026, deux versions piégées de l'extension « Anthropic.claude-code » (2.1.312 et 2.1.313), non développées par Anthropic, ont circulé environ onze heures sur la place de marché d'extensions de Cursor, avec une porte dérobée SSH (avis de sécurité de Cursor, 29 octobre 2026).

Claude Code : des plafonds sur 5 heures et sur la semaine

Claude Code est inclus dans les abonnements Claude payants, avec des limites partagées avec le chat. Anthropic indique 20 $ par mois pour Pro, ou 17 $ par mois avec l'abonnement annuel de 200 $, 100 $ pour Max et 200 $ pour Ultra, ces deux derniers au mois seulement (prix de Claude, relus les 6 et 7 novembre 2026). L'offre gratuite n'inclut pas Claude Code.

Une précision avant le tableau : Fable est le modèle haut de gamme d'Anthropic, lancé le 9 juin 2026 et mis à jour en Fable 5.1 le 1er septembre (notes de version de Claude, lues le 7 novembre 2026). Il a son propre décompte. Les limites sont exprimées en multiples de Pro, sans nombre de messages :

Offre	Prix par mois	Limite par 5 heures	Limite par semaine	Fable
Pro	20 $	1x	1x	Payé en crédits d'usage
Max	100 $	5x	5x	Jusqu'à 50 % de la limite hebdomadaire
Ultra	200 $	Aucune (compte vérifié)	10x	Jusqu'à 50 % de la limite hebdomadaire
Team, siège standard	25 $ (20 $ en annuel)	Plus que Pro	Plus que Pro	Non précisé
Team, siège premium	125 $ (100 $ en annuel)	5x le siège standard	5x le siège standard	50 % de la limite hebdomadaire

Selon la même page, Max et Ultra incluent aussi 100 $ et 200 $ par mois de crédits pour l'API d'Anthropic. Enterprise coûte 20 $ par siège et par mois en annuel, 20 sièges minimum, plus l'usage aux tarifs API.

Les offres payantes donnent accès à Opus, Sonnet et Haiku. Claude Code tourne dans le terminal, dans VS Code et JetBrains, dans l'application de bureau et sur le web (documentation de Claude Code).

Piège : si ANTHROPIC_API_KEY est définie, Claude Code facture l'usage à l'API au lieu de l'abonnement (centre d'aide d'Anthropic). L'abonnement couvre aussi l'extension dans VS Code et Cursor.

Verdict : un prix fixe, mais sans compteur en messages : on découvre son plafond en l'atteignant.

Cursor : un abonnement X, Grok inclus, le reste au prix API

Depuis octobre, Cursor se vend dans « The X Subscription », qui inclut aussi Grok et X Premium. La documentation de Cursor liste Plus à 8 $, Premium à 30 $, Super à 100 $ et Ultra à 200 $ par mois, ou 80 $, 300 $, 1 000 $ et 2 000 $ par an (documentation des prix de Cursor, relue les 6 et 7 novembre 2026). La page précise que ces prix n'incluent pas les taxes, comme la TVA.

La réserve hebdomadaire, partagée avec les applications Grok, couvre les modèles maison (Grok 4.7, 4.6, 4.5 et Composer 2.5). Premium donne 4 fois l'usage de Plus, Super 15 fois, Ultra 50 fois. Discuter avec Grok entame donc ce qui reste pour coder.

Les modèles tiers sont absents de Plus et Free. À partir de Premium, Claude, GPT et Gemini sont facturés au prix public de l'API dès la première requête, sur un crédit prépayé. Les agents cloud, l'hébergement de code Origin et la revue de code Bugbot demandent aussi Premium.

En équipe, chaque siège coûte 30 $, 100 $ ou 200 $ par mois ; la documentation n'affiche pas de prix annuel pour Teams. Sur Teams et Enterprise, les modèles tiers éligibles supportent en plus un « Cursor Token Rate » de 0,25 $ par million de tokens. Cursor fonctionne dans son éditeur, en ligne de commande, en agents cloud et sur iOS, et prend en charge MCP (documentation MCP de Cursor).

Verdict : l'usage de Grok et de Composer est inclus, sans quota publié en messages. Pour Claude ou GPT dans Cursor, comptez l'abonnement plus la facture API. Matt Palmer, chargé de l'expérience développeur chez SpaceXAI, l'écrit lui-même, cité par The New Stack : « si la plupart de votre usage porte sur des modèles tiers, les nouvelles offres pourraient vous coûter plus cher » (notre traduction).

GitHub Copilot : des crédits IA facturés au centime

Les offres individuelles de Copilot coûtent 10 $ (Pro), 39 $ (Pro+) et 100 $ (Max) par mois. Les offres d'organisation coûtent 19 $ (Business) et 39 $ (Enterprise) par siège et par mois (documentation des offres Copilot, relue les 6 et 7 novembre 2026). Aucun prix annuel n'y figure. Copilot Student est gratuit pour les étudiants vérifiés.

Un crédit vaut 0,01 $. Chaque offre inclut une base égale à son prix, plus une part variable que GitHub appelle « flex » et qu'il se réserve de modifier :

Offre	Prix	Crédits de base	Part flex	Total mensuel
Pro	10 $	1 000	500	1 500
Pro+	39 $	3 900	3 100	7 000
Max	100 $	10 000	10 000	20 000
Business	19 $ par siège	1 900, mis en commun	Aucune	1 900 par siège
Enterprise	39 $ par siège	3 900, mis en commun	Aucune	3 900 par siège

Les complétions ne consomment pas de crédits sur les offres payantes ; chat, agents, revue de code et CLI en consomment, selon le modèle et la tâche. La revue de code consomme en plus des minutes GitHub Actions (annonce de GitHub).

L'agent cloud, qui transforme une issue en pull request, est inclus dès Pro. Confier une tâche à un agent tiers comme Claude ou Codex demande Pro+ ou Max, en préversion. MCP est pris en charge en mode agent, y compris sur Free (page des offres Copilot). Selon l'annonce de GitHub, les abonnés annuels Pro et Pro+ gardent les requêtes premium jusqu'à leur échéance.

Verdict : la facturation la plus lisible, chaque crédit ayant une valeur en dollars. La part flex, elle, peut baisser.

OpenAI Codex : inclus dans ChatGPT

Codex est inclus dans les offres ChatGPT, dont il partage les limites. Plus coûte 20 $, Pro est proposé à 100 $, 200 $ ou 500 $ par mois, et Business coûte 25 $ par utilisateur au mois ou 20 $ en annuel, à partir de 2 utilisateurs (page des prix de Codex, relue les 6 et 7 novembre 2026).

OpenAI est le seul à publier des fourchettes : messages locaux estimés par 5 heures sur Plus et Business standard.

Modèle	Messages locaux par 5 heures (Plus)
GPT-6 Astra	5 à 45
GPT-6.1 Sol	15 à 160
GPT-6 Sol	15 à 150
GPT-6.1 Terra	35 à 285
GPT-6 Luna	350 à 3 000

Ce ne sont pas des limites fixes ; un plafond hebdomadaire peut s'ajouter. Les offres Pro n'ont pas de limite sur 5 heures. Les modes Fast et Ultrafast consomment 2,5 et 8 fois plus vite.

Codex tourne en CLI, en IDE, sur bureau et dans le cloud, avec MCP. Avec une clé API, il perd les fonctions cloud, et l'usage est facturé aux tarifs API. Voir aussi ce que GPT-6 change pour les développeurs.

Verdict : des fourchettes publiées pour prévoir, mais des limites partagées avec ChatGPT, et GPT-5.5 retiré de Codex depuis le 14 octobre.

Gemini CLI : l'option gratuite à quotas

Gemini CLI, l'outil de Google sous licence Apache-2.0, annonce 1 000 requêtes par jour avec un compte Google personnel, 1 500 avec Google AI Pro et 2 000 avec Google AI Ultra. Avec une clé API gratuite, la limite tombe à 250 requêtes par jour, sur le modèle Flash seulement (quotas de Gemini CLI, lus le 7 novembre 2026).

Il prend en charge MCP. Nous n'avons pas relu les prix des abonnements Google. Voyez aussi notre sélection d'outils IA gratuits pour développeurs, ou un LLM local avec Ollama si votre code ne doit pas quitter votre machine.

Confidentialité : qui peut entraîner sur votre code

Sur les offres individuelles, l'usage de vos échanges pour l'entraînement dépend d'un réglage chez Anthropic, Cursor et GitHub ; pour OpenAI, la page d'aide a refusé notre accès automatisé. Dans le duel Claude Code vs Cursor, la règle est donc la même : un réglage à vérifier. Voici ce que disent les pages officielles, lues les 6 et 7 novembre 2026 :

Outil	Offres individuelles	Offres équipe et entreprise
Claude Code	Entraînement si le réglage d'amélioration du modèle est activé ; conservation 5 ans dans ce cas, 30 jours sinon	Pas d'entraînement par défaut ; conservation 30 jours ; zéro conservation possible sur Enterprise éligible
Cursor	Pas d'entraînement avec le mode confidentialité ; sans lui, Cursor peut stocker et entraîner	Mode confidentialité activable par un administrateur pour l'équipe
GitHub Copilot	Entraînement possible, refus dans les réglages ; jamais sur le code des dépôts d'organisations payantes	Pas d'entraînement sur ces données (accord DPA)
Codex	Hors de la garantie « pas d'entraînement par défaut » du tableau de Codex ; page d'aide sur les contrôles de données non lue	Pas d'entraînement par défaut sur Business, Enterprise et API

Sources : données de Claude Code, données de Cursor, FAQ de confiance de Copilot (lue le 7 novembre 2026) et tableau des fonctions de Codex.

Trois exceptions comptent. Chez Anthropic, une conversation signalée par les systèmes de sécurité est conservée jusqu'à 2 ans, et les retours envoyés (pouce, rapport de bug) 5 ans (centre de confidentialité d'Anthropic, lu le 7 novembre 2026).

Chez GitHub, Claude Fable entraîne une conservation par Anthropic pour ses filtres de sécurité ; les entreprises peuvent demander une conservation nulle jusqu'à fin 2026, après quoi un nouveau dispositif d'Anthropic sera requis (documentation GitHub).

Chez Cursor, la politique de confidentialité, mise à jour le 11 octobre 2026, autorise le partage des « données personnelles » avec des sociétés affiliées, y compris celles placées dans vos requêtes, mais ne vise pas les comptes fournis par un employeur (politique de Cursor, lue le 7 novembre 2026). Clause courante, que nous n'avons pas comparée chez les autres éditeurs.

Le coût réel pour 1 développeur et pour 5

Montants publics hors taxes, au mois, sans remise.

Pour un développeur seul :

Usage	Claude Code	Cursor	GitHub Copilot	Codex
Léger	Pro, 20 $	Plus, 8 $ (Grok seulement)	Pro, 10 $	Plus, 20 $
Avec les modèles de pointe	Pro, 20 $ (Fable en crédits d'usage en plus)	Premium, 30 $ + usage API des modèles tiers	Pro 10 $ ou Pro+ 39 $ (tokens déduits des crédits)	Plus, 20 $ (GPT-6 Astra : 5 à 45 messages par 5 h)
Intensif	Max 100 $ ou Ultra 200 $	Super 100 $ ou Ultra 200 $ + usage API des modèles tiers	Max, 100 $	Pro, 100 $ à 500 $

Un scénario chiffré. Prenons une session d'agent qui consomme 2 millions de tokens en entrée et 200 000 en sortie sur Claude Sonnet 5.5, facturé 2 $ et 10 $ par million à l'API (tarifs de l'API d'Anthropic, lus le 7 novembre 2026). Au prix API, cela fait 4 $ + 2 $ = 6 $, sans cache.

Chez Cursor Premium, ces 6 $ s'ajoutent aux 30 $ de l'abonnement. Chez Copilot, qui décompte aux tarifs API de chaque modèle, la session consomme environ 600 crédits, soit 40 % des 1 500 crédits de Pro. Chez Claude Pro, elle entre dans un plafond dont la part consommée n'est pas publiée. Codex n'est pas comparable directement : Sonnet n'y est pas proposé, et son coût dépend des fourchettes de messages de GPT-6 publiées par OpenAI.

Pour une équipe de 5 en facturation mensuelle, le premier niveau d'équipe donne :

Notre calcul. Entrée : Copilot Business 5 × 19 $ = 95 $ ; Claude Team standard 5 × 25 $ = 125 $ (100 $ en annuel) ; ChatGPT Business 5 × 25 $ = 125 $ (100 $ en annuel) ; Cursor Teams 5 × 30 $ = 150 $, plus les modèles tiers au prix API et 0,25 $ par million de tokens. Haut de gamme : Copilot Enterprise 5 × 39 $ = 195 $ ; Cursor Teams (siège à 100 $) : 5 × 100 $ = 500 $ ; Claude Team premium 5 × 125 $ = 625 $ ; ChatGPT Enterprise sur devis.

Quel outil pour quel profil

Recommandations tirées des pages officielles, pas d'un banc d'essai :

Étudiant. Copilot Student est gratuit pour les étudiants vérifiés, et Gemini CLI offre 1 000 requêtes par jour avec un compte Google.
Freelance, prix fixe. Claude Pro ou ChatGPT Plus, à 20 $, incluent Claude Code ou Codex dans un plafond, sans facture variable, hors Fable et crédits d'usage activés. Notre article sur le freelance et l'IA aide à refacturer ce coût.
Freelance, facture mesurée. Copilot facture au crédit, ce qui rend chaque session lisible ; Pro+ (39 $) donne 7 000 crédits contre 1 500 pour Pro, et l'accès aux agents tiers.
Utilisateur de Cursor. Plus à 8 $ suffit si Grok et Composer vous conviennent ; Premium à 30 $ plus l'API si vous voulez Claude ou GPT dans l'éditeur, avec agents cloud et Bugbot.
Équipe. Partez des modèles dont l'équipe a besoin, car les quatre outils ont une CLI. Par siège et par mois : Copilot Business 19 $, Claude Team et ChatGPT Business 25 $, Cursor Teams 30 $ plus les modèles tiers.
Entreprise. Regardez la conservation des données, SCIM et les journaux d'audit, listés pour les offres Enterprise de Claude, de Cursor et d'OpenAI. Claude (20 $ par siège plus l'usage API) et GitHub (39 $ par siège, sur GitHub Enterprise Cloud) affichent un prix ; Cursor et OpenAI passent par un devis.

Dans le duel Claude Code vs Cursor, Cursor est un éditeur dérivé de VS Code, alors que Claude Code se greffe sur votre éditeur. Voyez notre comparatif des IDE et éditeurs de code, nos raccourcis VS Code et notre guide pour coder plus vite avec l'IA.

Nous ne publions pas de classement : les scores des éditeurs mesurent un modèle, pas l'outil.

Ce que nous avons exécuté

Le 6 novembre 2026, sans compte, sous Windows 11 et Node.js 22.15.0 :

npm view @anthropic-ai/claude-code version              # 2.1.318
npm view @openai/codex version                          # 0.167.0
npm view @github/copilot version                        # 1.0.106
npm view @google/gemini-cli version                     # 0.67.0
npx --yes @anthropic-ai/claude-code@2.1.318 --version   # 2.1.318 (Claude Code)
npx --yes @openai/codex@0.167.0 --version              # codex-cli 0.167.0
npx --yes @github/copilot@1.0.106 --version            # GitHub Copilot CLI 1.0.106.
npx --yes @google/gemini-cli@0.67.0 --version          # 0.67.0

Nous avons aussi lancé --help : les quatre CLI listent une commande mcp. La CLI de Cursor, installée par script, n'a pas été lancée. Cela prouve que les outils s'installent, pas qu'ils codent bien.

Ce que nous n'avons pas pu vérifier

Plusieurs points restent ouverts au 7 novembre 2026 :

Les prix en euros. Aucune page officielle n'en affichait. The Next Web rapporte 90 € et 180 € pour Claude Max et Ultra en Europe, montants non vus chez Anthropic.
Les réglages d'entraînement par défaut. Les pages lues d'Anthropic et de Cursor n'indiquent pas l'état par défaut du réglage individuel ; la page d'aide d'OpenAI sur les contrôles de données a refusé notre accès automatisé.
Le partage de données entre Cursor et les autres sociétés de SpaceX, au-delà de la clause générale sur les affiliés.
Le nombre réel de messages inclus chez Anthropic et Cursor, qui ne publient que des multiples.
SCIM et journaux d'audit chez GitHub, et le prix de GitHub Enterprise Cloud requis par Copilot Enterprise.
La qualité du code produit. Aucun test n'a été mené, et aucun score de performance n'est cité.

Questions fréquentes

Claude Code vs Cursor : lequel est le moins cher ?

À l'entrée, Cursor Plus coûte 8 $ contre 20 $ pour Claude Pro, mais Plus ne donne accès qu'aux modèles Grok. Pour utiliser Claude dans Cursor, il faut Premium à 30 $ plus l'usage au prix de l'API (documentation de Cursor). Avec Claude Pro, Claude Code fonctionne sans facture API, dans les limites de Pro ; Fable y est facturé en crédits d'usage.

Combien coûte GitHub Copilot en euros ?

Aucun prix en euros n'est affiché : 10 $ pour Pro, 39 $ pour Pro+, 100 $ pour Max, 19 $ par siège pour Business (documentation GitHub). Le montant prélevé dépend du change et des taxes.

Peut-on utiliser Claude Code dans Cursor ?

Oui, selon le centre d'aide d'Anthropic. Attention aux versions 2.1.312 et 2.1.313 de l'extension, non publiées par Anthropic, apparues le 29 octobre 2026 sur la place de marché de Cursor. L'avis de Cursor indique de chercher la clé SSH nommée « svc-telemetry » dans le fichier authorized_keys.

Codex est-il gratuit ?

En partie : l'offre gratuite donne GPT-6 Luna dans l'application de bureau, en déploiement progressif. Le CLI, l'extension IDE et le cloud commencent avec Plus à 20 $ (page des prix de Codex).

À propos de l'auteur

Abdelilah Ourti est ingénieur IA et architecte logiciel. Il publie sur NeurauTech des guides et des comparatifs pour les développeurs francophones. Ses autres articles sont réunis sur sa page auteur.

Méthode. Synthèse des pages de prix, de la documentation et des journaux des modifications d'Anthropic, de Cursor, de GitHub, d'OpenAI et de Google, consultés les 6 et 7 novembre 2026, complétés par la presse quand l'éditeur ne date pas un changement. La rédaction de cet article a été assistée par des agents IA (Claude, d'Anthropic), l'un des éditeurs comparés ; les prix et limites viennent des pages officielles citées. Aucun test d'usage : seules les commandes npm view, --version et --help ci-dessus ont été exécutées, le 6 novembre 2026. Aucun lien n'est affilié.

Une erreur ou un prix périmé ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 7 novembre 2026.

Image : Alberlan Barros via Pexels (Pexels License). Graphiques : NeurauTech, à partir des pages de prix citées.

Next.js c'est quoi ? Version 16, rendu, cache et premier projet

Neurau Tech — Fri, 06 Nov 2026 15:55:26 +0000

L'essentiel en une minute

Next.js est un framework web construit sur React et maintenu par Vercel. React fournit les composants ; Next.js ajoute le routage par fichiers, le rendu sur le serveur, le cache, des points d'API et un outil de build. Le 6 novembre 2026, la dernière version stable est la 16.4.5, publiée le 3 novembre selon le registre npm.

Ce guide repose sur des sources officielles consultées le 6 novembre 2026. Nous avons aussi créé, compilé et lancé un petit projet, et nous détaillons ce qui a été exécuté.

Points clés

Next.js 16.4.5 est la version stable ; elle demande Node.js 20.9 ou plus.

Depuis la 16.4, les nouveaux projets activent les Cache Components : le cache devient explicite, avec "use cache".

Un fetch n'est pas mis en cache par défaut. Dans notre projet, un fetch sans cache ni <Suspense> a fait échouer le build.

Next.js tourne aussi hors de Vercel, dont l'offre gratuite est réservée à un usage non commercial.

Une mise à jour de sécurité sort environ chaque mois depuis juillet 2026.

Next.js, c'est quoi exactement ?

Next.js est un framework React pour construire des applications web complètes, interface et serveur dans le même projet. La documentation de React le décrit comme « un framework React qui exploite pleinement l'architecture de React pour permettre des applications React full-stack » (notre traduction, react.dev).

React est une bibliothèque d'interface ; avec React et Vite, vous choisissez vous-même routeur, chargement des données et rendu serveur. Next.js fournit ces briques avec des conventions. Pour React lui-même, voyez notre comparatif React vs Vue.

Next.js ajoute à React :

un routage par fichiers : le fichier app/blog/page.tsx devient l'URL /blog ;
le rendu sur le serveur, au build ou à la demande, pour envoyer du HTML déjà rempli ;
du code serveur : gestionnaires de route et Server Actions ;
un cache des données et des pages ;
des optimisations pour les images, les polices et le découpage du JavaScript.

Pour les bases, voyez notre cours HTML CSS débutant, puis nos guides pour apprendre JavaScript et apprendre TypeScript, le langage par défaut des projets Next.js.

Version actuelle et prérequis

La version stable est Next.js 16.4.5, un correctif de sécurité de la branche 16.4 sortie le 6 octobre 2026 (blog Next.js, note de version).

Élément	Valeur au 6 novembre 2026
Version stable	16.4.5 (3 novembre 2026), dite « Active LTS »
Branche maintenue en parallèle	15.5.29, dite « Maintenance LTS »
Node.js minimum	20.9
TypeScript minimum	5.1.0
Navigateurs	Chrome et Edge 111+, Firefox 111+, Safari 16.4+

Sources : page d'installation, mise à jour le 2 octobre 2026, et mise à jour de sécurité du 3 novembre.

La branche 16 date du 21 octobre 2025. Ses notes de version expliquent pourquoi beaucoup de tutoriels sont périmés : Node.js 18 n'est plus pris en charge, Turbopack devient le bundler par défaut, middleware.ts est renommé proxy.ts et next build ne lance plus le linter.

Composants serveur et composants client

Dans l'App Router, un composant est un composant serveur tant que vous ne dites pas le contraire. Selon la documentation, les layouts et les pages sont par défaut des Server Components.

Un composant serveur peut lire une base de données ou utiliser une clé secrète, et son code n'est pas envoyé au navigateur ; il ne peut pas utiliser useState, onClick ni window.

Un composant client commence par "use client". Il est rendu en HTML, puis « hydraté » dans le navigateur pour devenir interactif. La directive marque une frontière : tout ce que ce fichier importe et rend directement passe aussi côté client, sans directive propre. Un composant serveur transmis en children reste, lui, rendu sur le serveur. La règle pratique : tout en composant serveur, et "use client" seulement sur les petites parties interactives.

Les modes de rendu : SSR, SSG, ISR et streaming

Next.js choisit le mode de rendu route par route, et next build affiche celui qu'il a retenu.

Mode	Principe	Comment l'obtenir en 16.4
SSG (statique)	HTML produit au build	Pas de donnée dynamique, ou données en `"use cache"`
PPR (prérendu partiel)	Coquille statique servie tout de suite, parties dynamiques diffusées à la requête	Comportement par défaut avec les Cache Components : `<Suspense>` autour des données dynamiques
SSR (rendu serveur complet)	Toute la page produite à chaque requête	Avec les Cache Components, seulement sur option explicite (route bloquante)
ISR (régénération)	Page statique régénérée après un délai ou à la demande	`cacheLife`, `revalidateTag`, `revalidatePath`
Streaming	Les parties lentes arrivent après le reste	`<Suspense>` ou `loading.tsx`
CSR (rendu client)	Données chargées par le navigateur	Composant client, SWR, React Query

Avec les Cache Components, la documentation appelle ce modèle Partial Prerendering : le build produit une coquille statique, et chaque partie dynamique placée dans un <Suspense> arrive ensuite (documentation sur le cache). Les robots qui ne lisent que le HTML sont traités à part : Next.js attend les métadonnées pour les placer dans le <head>, et l'option htmlLimitedBots fixe la liste de ces robots (guide du streaming).

App Router ou Pages Router ?

Pour un nouveau projet Next.js, choisissez l'App Router. La documentation du Pages Router le dit elle-même : il reste pris en charge, mais l'équipe recommande de migrer vers l'App Router pour profiter des dernières fonctions de React.

Critère	App Router (`app/`)	Pages Router (`pages/`)
Statut	Recommandé, défaut de `create-next-app`	Pris en charge
Composants serveur	Oui, par défaut	Non
Points d'API	Gestionnaires de route (`route.ts`)	API Routes (`pages/api`)
Données	`fetch` dans les composants, `"use cache"`	`getServerSideProps`, `getStaticProps`

Une base de code existante sur le Pages Router peut y rester ; la documentation prévoit une migration progressive de pages vers app.

Données, cache et code serveur

Le comportement par défaut du cache a changé deux fois, d'où des tutoriels contradictoires. Dans Next.js 14, un fetch était mis en cache par défaut. Next.js 15 a inversé ce choix : fetch, gestionnaires de route GET et navigations côté client ne sont plus en cache par défaut (blog Next.js 15).

Next.js 16 a ajouté les Cache Components, un cache « entièrement opt-in » (notre traduction, blog Next.js 16). La documentation sur le cache, mise à jour le 6 octobre 2026, fixe les règles :

un fetch n'est pas mis en cache ; deux appels identiques dans un même rendu sont seulement mémoïsés ;
"use cache" met en cache une fonction ou un composant, de préférence avec cacheLife ;
une donnée non mise en cache doit être placée dans un <Suspense>.

Gestionnaires de route. Un fichier route.ts répond aux requêtes HTTP avec les objets standard Request et Response ; c'est l'équivalent des API Routes (documentation). Notre article API, c'est quoi ? explique les requêtes et le JSON.

Server Actions. Une Server Action est une fonction serveur appelée depuis un formulaire ou un bouton, en POST. Elle est joignable par une requête directe, prévient la documentation : vérifiez les droits dans chacune.

Premier projet Next.js pas à pas

Voici le projet que nous avons créé le 6 novembre 2026 sous Windows 11, avec Node.js 22.15.0 et npm 10.9.2 : un composant serveur qui lit une API publique, un composant client avec un compteur, et un gestionnaire de route.

1. Créer le projet

npx create-next-app@16.4.5 mon-app --ts --app --eslint --tailwind --use-npm --yes
cd mon-app

L'outil a installé next 16.4.5, react et react-dom 19.3.0, TypeScript 5.9.3 et Tailwind CSS 4.3.4. Le next.config.ts généré contient déjà cacheComponents: true. En fin d'installation, npm audit signalait 8 vulnérabilités de gravité modérée dans les dépendances.

2. Un composant serveur qui lit une API

// app/components/DerniereVersion.tsx
import { cacheLife } from "next/cache";

type PaquetNpm = { name: string; version: string };

// Composant serveur : ce code ne part jamais dans le navigateur.
export default async function DerniereVersion() {
  "use cache";
  cacheLife("hours");

  const res = await fetch("https://registry.npmjs.org/next/latest");
  if (!res.ok) throw new Error(`Registre npm : HTTP ${res.status}`);
  const paquet: PaquetNpm = await res.json();

  return (
    <p>
      Dernière version de {paquet.name} sur npm : <strong>{paquet.version}</strong>
    </p>
  );
}

3. Un composant client avec un état

// app/components/Compteur.tsx
"use client";

import { useState } from "react";

// Composant client : il a un état et réagit aux clics.
export default function Compteur() {
  const [clics, setClics] = useState(0);

  return (
    <button
      onClick={() => setClics((c) => c + 1)}
      className="rounded bg-black px-4 py-2 text-white"
    >
      Cliqué {clics} fois
    </button>
  );
}

4. Un gestionnaire de route et la page

// app/api/bonjour/route.ts
// Gestionnaire de route : GET /api/bonjour?nom=Ada
export async function GET(request: Request) {
  const nom = new URL(request.url).searchParams.get("nom") ?? "inconnu";
  return Response.json({ message: `Bonjour ${nom}`, date: new Date().toISOString() });
}

// app/page.tsx
import Compteur from "./components/Compteur";
import DerniereVersion from "./components/DerniereVersion";

export default function Home() {
  return (
    <main className="mx-auto flex max-w-xl flex-col gap-6 p-10">
      <h1 className="text-3xl font-semibold">Mon premier projet Next.js</h1>
      <DerniereVersion />
      <Compteur />
      <p>
        Essayez aussi <a className="underline" href="/api/bonjour?nom=Ada">/api/bonjour?nom=Ada</a>.
      </p>
    </main>
  );
}

5. Compiler et lancer

npm run build a réussi. Voici sa sortie brute, colonnes comprises, à une exception près : nous avons retiré les deux lignes d'un avertissement propre à notre machine, qui signalait un package-lock.json égaré dans le dossier personnel, hors du projet.

▲ Next.js 16.4.5 (Turbopack)

✓ Running next.config.ts took 424ms
- Cache Components enabled
- Partial Prefetching enabled

  Creating an optimized production build ...
✓ Compiled successfully in 11.5s
  Running TypeScript ...
  Finished TypeScript in 9.2s ...
  Collecting page data using 6 workers ...
  Generating static pages using 6 workers (0/5) ...
  Generating static pages using 6 workers (1/5) 
  Generating static pages using 6 workers (2/5) 
  Generating static pages using 6 workers (3/5) 
✓ Generating static pages using 6 workers (5/5) in 3.3s
  Finalizing page optimization ...

Route (app)       Revalidate  Expire
┌ ○ /                     1h      1d
├ ○ /_not-found
└ ƒ /api/bonjour


○  (Static)   prerendered as static content
ƒ  (Dynamic)  server-rendered on demand

La page d'accueil est statique et revalidée toutes les heures, à cause de cacheLife("hours"). Le gestionnaire de route est dynamique, car il lit la requête. Après npm start, /api/bonjour?nom=Ada a renvoyé {"message":"Bonjour Ada","date":"2026-11-06T15:09:49.906Z"}, et la page d'accueil portait l'en-tête Cache-Control: s-maxage=3600, stale-while-revalidate=82800.

Dans Chromium 120 piloté par Playwright 1.40, trois clics ont fait passer le compteur de 0 à 3 : l'hydratation fonctionne.

6. L'erreur que vous allez rencontrer

Lors d'un premier essai, avant d'ajouter la vérification res.ok, nous avions retiré "use cache" et cacheLife. Le build avait échoué : Route "/": Next.js encountered uncached or runtime data during prerendering. Next.js propose trois corrections : entourer la lecture d'un <Suspense>, la mettre en cache avec "use cache", ou accepter une route bloquante avec export const instant = false.

Turbopack et déploiement

Turbopack est le bundler par défaut depuis Next.js 16, stable en développement comme en production (blog Next.js 16). Webpack reste disponible avec l'option --webpack.

Vercel n'est pas obligatoire. La documentation de déploiement liste quatre options :

Option	Fonctions prises en charge
Serveur Node.js (`next build` puis `next start`)	Toutes
Conteneur Docker	Toutes
Export statique (`output: "export"`)	Limitées
Adaptateurs (Vercel et Bun vérifiés ; Cloudflare, Netlify, AWS Amplify par leurs propres intégrations)	Variables

Pour Docker, output: "standalone" crée un dossier .next/standalone avec un server.js minimal et les seules dépendances nécessaires, sans public ni .next/static, à copier à part (documentation). Sur notre projet, ce dossier pesait 32 Mo et node server.js a servi la page et l'API. Voyez notre guide Docker pour débutants et notre tutoriel Nginx reverse proxy avec Docker Compose pour le HTTPS.

L'export statique se sert depuis n'importe quel serveur web, mais perd notamment les Server Actions, l'ISR, les cookies, le Proxy et l'optimisation d'images par défaut (guide des exports statiques).

Combien coûte l'hébergement ?

Next.js est gratuit et open source. L'offre Hobby de Vercel est gratuite mais limitée à un usage personnel non commercial, selon sa page mise à jour le 14 septembre 2026. Elle inclut notamment 100 Go de transfert de données et 1 million d'invocations de fonctions par mois ; l'offre Pro coûte 20 $ par développeur et par mois.

Les règles d'usage équitable qualifient de commercial tout déploiement qui sert le gain financier d'une personne impliquée, publicité et promotion de services comprises. Notre guide du portfolio de développeur en tire la conséquence : un portfolio qui vend vos services relève de l'offre payante. Les autres options sont dans notre comparatif de l'hébergement cloud pour développeurs.

Sécurité : les failles à connaître

Deux failles critiques ont marqué 2025, et les correctifs, dont plusieurs critiques, sont devenus mensuels en 2026. La conclusion : tenez Next.js à jour, avec npx next upgrade comme le recommande la page d'installation.

CVE-2025-29927. Publiée le 21 mars 2025 et notée CVSS 9,1, cette faille permettait de contourner les contrôles d'autorisation placés dans le middleware avec l'en-tête x-middleware-subrequest (avis GitHub). Corrigée en 12.3.5, 13.5.9, 14.2.25 et 15.2.3. Elle touchait les applications auto-hébergées avec next start ou output: "standalone" ; selon le post-mortem de Vercel, les sites hébergés chez Vercel, Netlify ou Cloudflare Workers et les exports statiques n'étaient pas concernés. La documentation du Proxy, nouveau nom du middleware, déconseille d'en faire une solution complète d'autorisation.

CVE-2025-55182, dite React2Shell. Le 3 décembre 2025, une faille des React Server Components notée CVSS 10,0 a été rendue publique : elle permettait une exécution de code à distance sans authentification (fiche CVE). Next.js l'avait suivie sous CVE-2025-66478, identifiant depuis rejeté comme doublon de CVE-2025-55182 (fiche CVE). Les applications App Router en 15.x et 16.x étaient touchées ; les versions corrigées sont 15.0.5, 15.1.9, 15.2.6, 15.3.6, 15.4.8, 15.5.7 et 16.0.7, et l'équipe recommandait de changer les secrets des applications restées exposées (avis Next.js).

Un rythme mensuel. Le 13 juillet 2026, Next.js a annoncé des mises à jour de sécurité planifiées, environ une par mois (blog Next.js). Ont suivi les mises à jour du 20 juillet, du 25 août, du 22 septembre (mise à jour urgente 16.3.6 contre une exécution de code critique dans ImageResponse) et du 30 septembre. Celle du 14 octobre (16.4.1) corrigeait deux failles critiques d'exécution de code, liées à "use cache" et à l'optimisation d'images SVG (blog Next.js). Celle du 3 novembre corrige une faille élevée et six moyennes (blog Next.js).

En pratique : vérifiez les droits dans chaque Server Action et chaque gestionnaire de route, et automatisez les mises à jour et les tests, par exemple avec GitHub Actions.

Popularité : ce que disent les chiffres

L'enquête Stack Overflow 2026 a recueilli 30 903 réponses valides du 23 juin au 5 août 2026 (méthodologie). Parmi les 10 281 répondants à la question sur les frameworks web, 20,6 % ont beaucoup travaillé avec Next.js dans l'année, contre 41,5 % pour React, 17,2 % pour Vue.js, 16,0 % pour Angular, 7,8 % pour Svelte, 6,2 % pour Astro, 4,4 % pour Nuxt.js et 1,7 % pour Remix (données 2026).

Ces pourcentages décrivent les répondants, pas l'ensemble des développeurs. Autre angle : du 27 octobre au 2 novembre 2026, le paquet next a été téléchargé 89 744 743 fois sur npm, react-router 73 416 892 fois et nuxt 3 263 303 fois. La même semaine de 2025, next en comptait 15 115 622 : une multiplication par six que l'API ne permet pas d'expliquer. Ces chiffres incluent les installations automatiques en intégration continue, et ceux de react-router comptent aussi les applications qui l'utilisent comme simple routeur côté client.

Next.js, React avec Vite, React Router ou Nuxt ?

Le bon choix dépend de ce que l'application doit faire côté serveur. La documentation de React recommande de partir d'un framework, comme Next.js ou React Router (react.dev).

Votre besoin	Choix raisonnable	Pourquoi
Site public à référencer, avec API et formulaires	Next.js	Rendu serveur, cache et code serveur dans un seul projet
Tableau de bord derrière une connexion, sans SEO	React avec Vite	Moins de concepts, aucun serveur à exploiter
Application React full-stack centrée sur le routage	React Router 8.5.1	Héritier de Remix 2 ; demande Node.js 22.22 ou plus
Équipe qui préfère Vue	Nuxt 4.6.4	L'équivalent de Next.js pour Vue
Site de contenu : blog, documentation, marketing	Astro 7.4.7	Conçu pour les sites centrés sur le contenu (documentation d'Astro)

Remix a fusionné dans React Router v7, annonçaient ses créateurs en mai 2024 (blog Remix). Le nom désigne aujourd'hui Remix 3, qui n'est plus construit sur React : son annonce de mai 2025 parle de « pas même React » comme dépendance et d'un départ sur un fork de Preact (notre traduction, blog Remix), et le paquet remix 3.2.0 ne dépend ni de React ni de Preact sur npm. Versions lues sur le registre npm le 6 novembre 2026.

Ce que nous n'avons pas pu vérifier

Les 8 vulnérabilités modérées signalées par npm audit : non analysées.
Les performances. Une compilation de 11,5 secondes sur une seule machine n'est pas une mesure comparative ; aucun test de charge n'a été fait.
Le déploiement réel. Nous avons lancé next start et le serveur standalone en local, sans construire d'image Docker ni déployer sur Vercel.
Les scores CVSS des failles de 2026, que les billets du blog ne donnent pas tous.
State of JS : non consulté pour cet article.

Questions fréquentes

Next.js, c'est du front-end ou du back-end ?

Les deux : l'interface React, et du code serveur avec les composants serveur, les gestionnaires de route et les Server Actions. Pour de longs calculs, un back-end séparé reste souvent plus adapté.

Faut-il apprendre React avant Next.js ?

Oui. Next.js repose sur les composants, les props, l'état et les hooks de React, et ses messages d'erreur supposent qu'on les connaît.

Quelle est la dernière version de Next.js ?

Le 6 novembre 2026, c'est la 16.4.5, publiée le 3 novembre selon le registre npm. Vérifiez avec npm view next version. La branche 15.5 reçoit encore des correctifs de sécurité.

Peut-on utiliser Next.js sans Vercel ?

Oui. Selon la documentation, un serveur Node.js ou un conteneur Docker prend en charge toutes les fonctions. L'export statique et certains adaptateurs en perdent une partie.

À propos de l'auteur

Méthode. Synthèse de sources publiques consultées le 6 novembre 2026 : documentation et blog de Next.js, avis de sécurité GitHub, documentation de React et de Vercel, registre et statistiques de npm, enquête Stack Overflow 2026. La seule manipulation est le premier projet décrit plus haut : création, build, lancement avec next start et en mode standalone, appel de l'API et clics dans un navigateur automatisé. Les citations en anglais sont traduites par nos soins. Aucun lien n'est affilié et aucune relation commerciale ne lie l'auteur à Vercel ni aux projets cités.

Une erreur ou une version périmée ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 6 novembre 2026.

Image d'en-tête : Pankaj Patel (Unsplash License). Capture du projet : NeurauTech.

Exercices JavaScript corrigés : 20 exercices exécutés, des variables au fetch

Neurau Tech — Fri, 06 Nov 2026 15:55:23 +0000

L'essentiel en une minute

Ces 20 exercices JavaScript corrigés vont d'une phrase construite avec un template string à un petit programme en modules qui interroge une API, avec pour chacun un énoncé, un indice, la correction et la sortie réelle. Si vous découvrez le langage, lisez d'abord notre guide Apprendre JavaScript en 2026, qui couvre l'installation et la théorie : cette page sert à pratiquer.

Toutes les corrections ont été exécutées le 6 novembre 2026 avec Node.js 22.15.0 et Node.js 26.13.0 : chaque sortie affichée est celle du terminal, identique sur les deux versions. Les trois exercices sur le DOM ont été testés automatiquement dans Chromium 120, Chrome 156 et Edge 157, où les 14 premières corrections tournent aussi. Node.js 22.15.0 n'est pas la dernière 22.x (la 22.23.4 est sortie le 20 octobre 2026), mais aucune correction ne dépend d'un correctif récent.

Points clés

19 exercices en 5 niveaux plus un projet final : bases, fonctions, tableaux et chaînes, DOM et événements, puis fetch et modules.

Chaque exercice suit le même format : énoncé, indice, correction, sortie attendue et point à retenir.

Les sorties viennent d'une exécution réelle sous Node.js 22.15.0 et 26.13.0 ; Node 26 est la version LTS depuis le 28 octobre 2026.

Une section reprend les erreurs les plus fréquentes avec le message exact affiché par Node.js ou le navigateur.

MDN, freeCodeCamp et Exercism se disent gratuits sur leurs pages officielles ; Codewars vend un abonnement facultatif, Codewars Red.

Comment utiliser ces exercices JavaScript corrigés

Essayez seul, puis lisez l'indice, et seulement ensuite la correction : une correction lue trop tôt donne l'impression d'avoir compris sans laisser de trace.

Les exercices 1 à 14 tournent dans Node.js. Enregistrez le code dans un fichier, par exemple exercice01.js, puis lancez node exercice01.js. Ils tournent aussi dans un navigateur : chargés comme script d'une page dans Chromium, Chrome et Edge, ils ont donné les mêmes valeurs, sans erreur. Seule la présentation des tableaux et des objets diffère d'une console à l'autre, par exemple dans les outils de développement (F12). Les exercices 15 à 17 sont des pages HTML complètes : ouvrez le fichier dans le navigateur. Si le HTML vous est encore étranger, notre cours HTML CSS débutant pose les bases en une page.

Les exercices 18 à 20 utilisent fetch, global dans Node.js depuis la version 18 et stable depuis la version 21 selon la documentation de Node.js. Ils utilisent aussi await hors d'une fonction, ce qui demande un module : gardez l'extension .mjs.

Quelle version installer ? La page des versions de Node.js affiche la 26.13.0 comme « Latest LTS » le 6 novembre 2026 et précise que les applications en production ne devraient utiliser que des versions LTS actives ou en maintenance (notre traduction). Le calendrier officiel de nodejs/Release donne les dates de chaque branche.

Le tableau de progression

Les exercices vont du plus simple au plus complet. Les temps sont des estimations de l'auteur pour une première tentative, indice compris.

N°	Exercice	Notion travaillée	Niveau	Temps indicatif
1	Fiche de présentation	`let`, `const`, template string, `typeof`	1	10 min
2	Prix TTC	Conversion de types, `toFixed`	1	10 min
3	Mention d'une note	`if`, `else if`	1	10 min
4	Horaires du jour	`switch`, `Date`	1	15 min
5	FizzBuzz	Boucle `for`, modulo	2	15 min
6	Objectif d'épargne	Boucle `while`	2	10 min
7	Convertir des températures	Fonctions, fonctions fléchées	2	15 min
8	Compteur privé	Fermeture (closure)	2	20 min
9	Panier d'achat	`filter`, `map`, `reduce`	3	20 min
10	Fréquence des mots	`split`, `reduce`, `Object.entries`	3	25 min
11	Profil utilisateur	Déstructuration, spread	3	15 min
12	Palindrome	`normalize`, expressions régulières	3	20 min
13	Créer un slug	Méthodes de chaînes	3	15 min
14	Classement d'une classe	`sort`, `localeCompare`	3	20 min
15	Compteur cliquable	DOM, `addEventListener`	4	20 min
16	Liste de tâches	Création d'éléments, délégation	4	40 min
17	Formulaire d'inscription	Événements `input` et `submit`	4	40 min
18	Charger un utilisateur	`fetch`, `async`, `await`, `response.ok`	5	30 min
19	Module de géométrie	`export`, `import`	5	15 min
20	Bilan des tâches	Projet : modules, fetch, `reduce`	Projet	60 min

Niveau 1 : variables, types et conditions

Ce niveau ne demande que des variables, quelques opérations et des conditions. Le guide MDN des littéraux de gabarits, le nom officiel des template strings, et celui de l'opérateur typeof suffisent.

Exercice 1 : fiche de présentation

Énoncé. Stockez un prénom, un âge et une ville. Ajoutez un an à l'âge, affichez une phrase de présentation, puis le type de cinq valeurs.

Indice. const pour ce qui ne change pas, let pour ce qui change. Un template string s'écrit entre accents graves et insère une valeur avec ${...}.

const prenom = "Léa";
let age = 24;
const ville = "Lyon";

age = age + 1; // anniversaire : let autorise la réaffectation

console.log(`Je m'appelle ${prenom}, j'ai ${age} ans et j'habite à ${ville}.`);
console.log(typeof prenom, typeof age, typeof true, typeof undefined, typeof null);

Sortie attendue :

Je m'appelle Léa, j'ai 25 ans et j'habite à Lyon.
string number boolean undefined object

À retenir. typeof null renvoie "object" : c'est une bizarrerie historique du langage, pas une erreur de votre code.

Exercice 2 : calculer un prix TTC

Énoncé. Un prix arrive sous forme de texte, "19.90", comme la valeur d'un champ de formulaire. Calculez le total TTC de 3 articles avec une TVA de 20 %.

Indice. + entre un texte et un nombre colle les deux. Convertissez d'abord avec Number().

const prixSaisi = "19.90"; // ce que renvoie la valeur d'un champ de formulaire
const quantite = 3;
const tauxTva = 0.2;

console.log(prixSaisi + quantite); // piège : + colle deux textes

const prixHt = Number(prixSaisi);
const totalTtc = prixHt * quantite * (1 + tauxTva);

console.log(`Total TTC : ${totalTtc.toFixed(2)} euros`);
console.log(Number("abc"), Number.isNaN(Number("abc")));

Sortie attendue :

19.903
Total TTC : 71.64 euros
NaN true

À retenir. toFixed(2) renvoie un texte arrondi pour l'affichage. Un texte non numérique donne NaN, à tester avec Number.isNaN().

Exercice 3 : mention d'une note

Énoncé. Pour une note sur 20, affichez « Très bien » à partir de 16, « Bien » à partir de 14, « Assez bien » à partir de 12, « Admis » à partir de 10, sinon « Non admis ». Refusez une note hors de 0 à 20.

Indice. Testez d'abord la validité, puis les seuils du plus haut au plus bas.

const note = 14.5;

if (note < 0 || note > 20 || Number.isNaN(note)) {
  console.log("Note invalide");
} else if (note >= 16) {
  console.log("Très bien");
} else if (note >= 14) {
  console.log("Bien");
} else if (note >= 12) {
  console.log("Assez bien");
} else if (note >= 10) {
  console.log("Admis");
} else {
  console.log("Non admis");
}

Sortie attendue :

Bien

À retenir. Seule la première branche vraie s'exécute : si vous testez note >= 10 en premier, tout le monde est « Admis ».

Exercice 4 : horaires du jour

Énoncé. Pour le 6 novembre 2026, affichez le jour en toutes lettres et les horaires d'un magasin : fermé le dimanche, 10 h à 13 h le samedi, 9 h à 18 h sinon.

Indice. getDay() renvoie 0 pour dimanche et 6 pour samedi. Attention : dans new Date(année, mois, jour), les mois commencent à 0.

const date = new Date(2026, 10, 6); // les mois commencent à 0 : 10 = novembre
const jour = date.getDay();          // 0 = dimanche, 6 = samedi

let horaires;
switch (jour) {
  case 0:
    horaires = "fermé";
    break;
  case 6:
    horaires = "10 h à 13 h";
    break;
  default:
    horaires = "9 h à 18 h";
}

const libelle = date.toLocaleDateString("fr-FR", { weekday: "long", day: "numeric", month: "long" });
console.log(`${libelle} : ${horaires}`);

Sortie attendue :

vendredi 6 novembre : 9 h à 18 h

À retenir. Sans break, l'exécution continue dans le case suivant. La page MDN de l'objet Date détaille le piège des mois.

Niveau 2 : boucles et fonctions

Ce niveau répète des instructions et les range dans des fonctions. Le guide MDN des fonctions fléchées et celui des fermetures accompagnent les exercices 7 et 8.

Exercice 5 : FizzBuzz

Énoncé. Pour les nombres de 1 à 15, affichez « Fizz » pour les multiples de 3, « Buzz » pour les multiples de 5, « FizzBuzz » pour les multiples des deux, et le nombre sinon, le tout sur une ligne.

Indice. Testez d'abord le cas le plus restrictif. Remplissez un tableau avec push, puis assemblez-le avec join(" ").

const resultats = [];

for (let i = 1; i <= 15; i++) {
  if (i % 15 === 0) {
    resultats.push("FizzBuzz");
  } else if (i % 3 === 0) {
    resultats.push("Fizz");
  } else if (i % 5 === 0) {
    resultats.push("Buzz");
  } else {
    resultats.push(i);
  }
}

console.log(resultats.join(" "));

Sortie attendue :

1 2 Fizz 4 Buzz Fizz 7 8 Fizz Buzz 11 Fizz 13 14 FizzBuzz

À retenir. Avec i % 3 testé en premier, 15 affiche « Fizz » : la branche FizzBuzz n'est jamais atteinte.

Exercice 6 : objectif d'épargne

Énoncé. En versant 75 euros par mois, combien de mois faut-il pour atteindre 1 000 euros ?

Indice. Le nombre de tours n'est pas connu à l'avance : c'est le cas d'usage de while.

const objectif = 1000;
const versementMensuel = 75;

let solde = 0;
let mois = 0;

while (solde < objectif) {
  solde += versementMensuel;
  mois++;
}

console.log(`${mois} mois pour atteindre ${objectif} euros (solde : ${solde} euros)`);

Sortie attendue :

14 mois pour atteindre 1000 euros (solde : 1050 euros)

À retenir. Une boucle while doit modifier sa condition à chaque tour. Avec un versement de 0, celle-ci ne s'arrêterait jamais : ajoutez un garde-fou.

Exercice 7 : convertir des températures

Énoncé. Écrivez une fonction classique qui convertit des degrés Celsius en Fahrenheit, une fonction fléchée pour l'inverse, et une fonction arrondir avec une décimale par défaut.

Indice. F = C x 9 / 5 + 32. Un paramètre par défaut s'écrit decimales = 1. Une fonction se passe à map sans parenthèses.

function celsiusVersFahrenheit(celsius) {
  return celsius * 9 / 5 + 32;
}

const fahrenheitVersCelsius = (f) => (f - 32) * 5 / 9;

const arrondir = (nombre, decimales = 1) =>
  Math.round(nombre * 10 ** decimales) / 10 ** decimales;

console.log(celsiusVersFahrenheit(100));
console.log(arrondir(fahrenheitVersCelsius(98.6)));
console.log(arrondir(Math.PI, 3));
console.log([0, 20, 37].map(celsiusVersFahrenheit));

Sortie attendue :

212
37
3.142
[ 32, 68, 98.6 ]

À retenir. Une fonction fléchée sur une ligne renvoie sa valeur sans return. Avec des accolades, le return redevient obligatoire.

Exercice 8 : un compteur privé

Énoncé. Écrivez creerCompteur(depart) qui renvoie un objet avec incrementer, decrementer et reinitialiser. La valeur ne doit pas être accessible directement.

Indice. Une fonction définie dans une autre garde l'accès aux variables de celle-ci, même après son retour : c'est une fermeture.

function creerCompteur(depart = 0) {
  let valeur = depart; // invisible depuis l'extérieur

  return {
    incrementer: () => ++valeur,
    decrementer: () => --valeur,
    reinitialiser: () => (valeur = depart),
  };
}

const visites = creerCompteur();
const stock = creerCompteur(10);

visites.incrementer();
visites.incrementer();
stock.decrementer();

console.log(visites.incrementer(), stock.decrementer());
console.log(visites.reinitialiser(), stock.valeur);

Sortie attendue :

3 8
0 undefined

À retenir. Chaque appel à creerCompteur crée sa propre variable valeur. stock.valeur vaut undefined : la donnée est bien protégée. L'exercice 15 reprend cette logique dans une page.

Niveau 3 : tableaux, objets et chaînes

Ce niveau traite des séries de données. La page MDN de reduce et celle de l'affectation par décomposition, le nom français de la déstructuration, sont les deux références utiles.

Exercice 9 : le panier d'achat

Énoncé. À partir d'un panier, gardez les articles en stock, affichez une ligne par article avec son sous-total, puis le total.

Indice. filter garde, map transforme, reduce cumule. Donnez toujours une valeur de départ à reduce, ici 0.

const panier = [
  { nom: "Clavier", prix: 49.9, quantite: 1, enStock: true },
  { nom: "Souris", prix: 19.5, quantite: 2, enStock: true },
  { nom: "Écran", prix: 189, quantite: 1, enStock: false },
  { nom: "Câble USB-C", prix: 9.99, quantite: 3, enStock: true },
];

const disponibles = panier.filter((article) => article.enStock);

const lignes = disponibles.map(
  (article) => `${article.nom} x${article.quantite} : ${(article.prix * article.quantite).toFixed(2)} euros`
);

const total = disponibles.reduce((somme, article) => somme + article.prix * article.quantite, 0);

console.log(lignes.join("\n"));
console.log(`Total : ${total.toFixed(2)} euros`);

Sortie attendue :

Clavier x1 : 49.90 euros
Souris x2 : 39.00 euros
Câble USB-C x3 : 29.97 euros
Total : 118.87 euros

À retenir. Sans valeur de départ, reduce sur un tableau vide lève TypeError: Reduce of empty array with no initial value. Pour de vrais montants, calculez en centimes entiers.

Exercice 10 : fréquence des mots

Énoncé. Comptez les mots d'une phrase sans tenir compte de la ponctuation ni des majuscules, puis affichez les trois plus fréquents.

Indice. split accepte une expression régulière. compteur[mot] ?? 0 vaut 0 quand le mot est absent.

const texte = "Le code court, le code clair. Un code clair se relit, un code court se teste.";

const mots = texte
  .toLowerCase()
  .split(/[^\p{L}]+/u)
  .filter((mot) => mot.length > 0);

const frequences = mots.reduce((compteur, mot) => {
  compteur[mot] = (compteur[mot] ?? 0) + 1;
  return compteur;
}, {});

const top3 = Object.entries(frequences)
  .sort((a, b) => b[1] - a[1])
  .slice(0, 3);

console.log(mots.length, "mots");
console.log(top3);

Sortie attendue :

16 mots
[ [ 'code', 4 ], [ 'le', 2 ], [ 'court', 2 ] ]

À retenir. \p{L} désigne toute lettre Unicode, accents et ligatures compris : avec [^a-zà-ÿ], « cœur » serait coupé en c et ur, un résultat vérifié dans Node.js. Cinq mots sont à égalité à 2. La page MDN de sort indique que la spécification impose un tri stable depuis ECMAScript 2019 : l'ordre d'apparition est conservé.

Exercice 11 : profil utilisateur

Énoncé. Extrayez le nom, l'e-mail, la ville et un rôle par défaut d'un objet. Prenez le premier et le troisième élément d'un tableau, créez une copie promue administrateur, puis échangez deux variables.

Indice. La déstructuration accepte des valeurs par défaut (role = "lecteur") et des objets imbriqués. { ...objet } copie les propriétés.

const utilisateur = {
  id: 7,
  nom: "Inès",
  email: "ines@exemple.fr",
  adresse: { ville: "Nantes" },
};

const { nom, email, role = "lecteur", adresse: { ville } } = utilisateur;
console.log(nom, email, role, ville);

const [premier, , troisieme = "aucun"] = ["HTML", "CSS"];
console.log(premier, troisieme);

const promu = { ...utilisateur, role: "admin" };
console.log(utilisateur.role, promu.role);

let a = 1;
let b = 2;
[a, b] = [b, a];
console.log(a, b);

Sortie attendue :

Inès ines@exemple.fr lecteur Nantes
HTML aucun
undefined admin
2 1

À retenir. L'objet d'origine n'est pas modifié. Mais la copie par spread est superficielle : promu.adresse et utilisateur.adresse restent le même objet.

Exercice 12 : palindrome avec accents

Énoncé. Écrivez estPalindrome(phrase) qui ignore la casse, les espaces, la ponctuation et les accents. Testez trois phrases.

Indice. normalize("NFD") sépare la lettre de son accent, que l'on retire ensuite avec une expression régulière. Une chaîne n'a pas de reverse : passez par un tableau.

function estPalindrome(phrase) {
  const propre = phrase
    .toLowerCase()
    .normalize("NFD")                 // "é" devient "e" + accent séparé
    .replace(/[\u0300-\u036f]/g, "")  // on retire les accents
    .replace(/[^a-z0-9]/g, "");       // puis espaces et ponctuation
  return propre === [...propre].reverse().join("");
}

for (const phrase of ["Ésope reste ici et se repose", "Engage le jeu que je le gagne", "JavaScript"]) {
  console.log(`${phrase} -> ${estPalindrome(phrase)}`);
}

Sortie attendue :

Ésope reste ici et se repose -> true
Engage le jeu que je le gagne -> true
JavaScript -> false

À retenir. Sans normalize, le « é » d'« Ésope » est supprimé par [^a-z0-9] avec la ponctuation : il reste soperesteicietserepose, qui n'est plus un palindrome, et le test renvoie false. La page MDN de normalize explique les formes NFC et NFD.

Exercice 13 : créer un slug

Énoncé. Transformez un titre en slug d'URL : minuscules, sans accents, mots séparés par des tirets, sans tiret au début ni à la fin.

Indice. Même départ que l'exercice 12, puis remplacez chaque suite de caractères non alphanumériques par un tiret.

const slugifier = (titre) =>
  titre
    .toLowerCase()
    .normalize("NFD")
    .replace(/[\u0300-\u036f]/g, "")
    .trim()
    .replace(/[^a-z0-9]+/g, "-")
    .replace(/^-+|-+$/g, "");

console.log(slugifier("Exercices JavaScript corrigés : 20 énoncés !"));
console.log(slugifier("  Ça marche, même avec des œufs ?  "));
console.log("corrigés".length, "corrigés".normalize("NFD").length);

Sortie attendue :

exercices-javascript-corriges-20-enonces
ca-marche-meme-avec-des-ufs
8 9

À retenir. Deux surprises, toutes deux réelles : « œufs » devient « ufs », car « œ » est une ligature et non une lettre accentuée, et length compte 9 après NFD. Traitez « œ » et « æ » à part avec un replace.

Exercice 14 : classement d'une classe

Énoncé. Triez d'abord [10, 9, 1, 100] sans puis avec fonction de comparaison. Calculez ensuite la moyenne de chaque élève et affichez le classement, les ex aequo par ordre alphabétique.

Indice. Sans fonction de comparaison, sort compare des textes. localeCompare trie correctement les prénoms accentués.

console.log([10, 9, 1, 100].sort());
console.log([10, 9, 1, 100].sort((a, b) => a - b));

const classe = [
  { nom: "Omar", notes: [12, 15, 9] },
  { nom: "Élodie", notes: [16, 14, 18] },
  { nom: "Zoé", notes: [11, 13, 12] },
  { nom: "Bastien", notes: [16, 16, 16] },
];

const calculerMoyenne = (notes) => notes.reduce((s, n) => s + n, 0) / notes.length;

const classement = classe
  .map(({ nom, notes }) => ({ nom, moyenne: calculerMoyenne(notes) }))
  .sort((a, b) => b.moyenne - a.moyenne || a.nom.localeCompare(b.nom, "fr"));

for (const { nom, moyenne } of classement) {
  console.log(`${nom.padEnd(8)} ${moyenne.toFixed(2)}`);
}

Sortie attendue :

[ 1, 10, 100, 9 ]
[ 1, 9, 10, 100 ]
Bastien  16.00
Élodie   16.00
Omar     12.00
Zoé      12.00

À retenir. MDN le confirme : par défaut, sort convertit les éléments en chaînes, d'où 100 avant 9. Et sort modifie le tableau d'origine.

Niveau 4 : le DOM et les événements

Ces trois exercices sont des pages HTML complètes : enregistrez-les en .html et ouvrez-les dans le navigateur. Le script est placé en fin de <body>, après les éléments qu'il manipule. La page MDN d'addEventListener décrit les événements utilisés.

Comment nous les avons testés. Un script Playwright 1.40 a cliqué, saisi et soumis chaque page dans Chromium 120, Chrome 156 et Edge 157, puis relu son contenu : résultats identiques dans les trois, sans erreur JavaScript.

Exercice 15 : un compteur cliquable

Énoncé. Affichez une valeur et trois boutons : +1, -1 et remise à zéro. Une valeur négative s'affiche en rouge.

Indice. Récupérez les éléments avec document.querySelector, puis réagissez au clic avec addEventListener("click", ...). Modifiez le texte avec textContent.

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Compteur</title>
</head>
<body>
  <p>Valeur : <output id="valeur">0</output></p>
  <button type="button" id="moins">-1</button>
  <button type="button" id="plus">+1</button>
  <button type="button" id="zero">Remettre à zéro</button>

  <script>
    const affichage = document.querySelector("#valeur");
    let compteur = 0;

    function afficher() {
      affichage.textContent = compteur;
      affichage.style.color = compteur < 0 ? "crimson" : "";
    }

    document.querySelector("#plus").addEventListener("click", () => {
      compteur++;
      afficher();
    });
    document.querySelector("#moins").addEventListener("click", () => {
      compteur--;
      afficher();
    });
    document.querySelector("#zero").addEventListener("click", () => {
      compteur = 0;
      afficher();
    });
  </script>
</body>
</html>

Résultat vérifié : après 3 clics sur +1, la page affiche 3 ; après 5 clics sur -1, elle affiche -2 en rouge (rgb(220, 20, 60)) ; le bouton de remise à zéro affiche 0.

À retenir. Une seule fonction afficher met la page à jour, ce qui garde l'état et l'affichage synchronisés.

Exercice 16 : une liste de tâches

Énoncé. Un formulaire ajoute une tâche à une liste. Chaque tâche a un bouton « Fait », qui la barre, et un bouton « Supprimer ». Un texte indique le nombre de tâches restantes. Une saisie vide ou faite d'espaces est ignorée.

Indice. Bloquez le rechargement avec preventDefault(). Créez les éléments avec createElement et posez un seul écouteur sur la liste : c'est la délégation d'événements.

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Liste de tâches</title>
  <style>.faite span { text-decoration: line-through; opacity: .6; }</style>
</head>
<body>
  <form id="formulaire">
    <label for="nouvelle">Nouvelle tâche</label>
    <input id="nouvelle">
    <button>Ajouter</button>
  </form>
  <ul id="liste"></ul>
  <p id="reste">0 tâche restante</p>

  <script>
    const formulaire = document.querySelector("#formulaire");
    const champ = document.querySelector("#nouvelle");
    const liste = document.querySelector("#liste");
    const reste = document.querySelector("#reste");

    function mettreAJourCompteur() {
      const n = liste.querySelectorAll("li:not(.faite)").length;
      reste.textContent = `${n} tâche${n > 1 ? "s" : ""} restante${n > 1 ? "s" : ""}`;
    }

    formulaire.addEventListener("submit", (evenement) => {
      evenement.preventDefault();              // pas de rechargement de la page
      const titre = champ.value.trim();
      if (titre === "") return;

      const li = document.createElement("li");
      const texte = document.createElement("span");
      texte.textContent = titre;               // textContent, jamais innerHTML
      const boutonFait = document.createElement("button");
      boutonFait.textContent = "Fait";
      boutonFait.dataset.action = "basculer";
      const boutonSuppr = document.createElement("button");
      boutonSuppr.textContent = "Supprimer";
      boutonSuppr.dataset.action = "supprimer";

      li.append(texte, " ", boutonFait, " ", boutonSuppr);
      liste.append(li);
      champ.value = "";
      champ.focus();
      mettreAJourCompteur();
    });

    // Un seul écouteur pour tous les boutons, même ceux créés plus tard
    liste.addEventListener("click", (evenement) => {
      const bouton = evenement.target.closest("button");
      if (!bouton) return;
      const li = bouton.closest("li");
      if (bouton.dataset.action === "basculer") li.classList.toggle("faite");
      if (bouton.dataset.action === "supprimer") li.remove();
      mettreAJourCompteur();
    });
  </script>
</body>
</html>

Résultat vérifié : trois tâches ajoutées avec la touche Entrée affichent « 3 tâches restantes », puis « 2 tâches restantes » après un clic sur « Fait » (texte barré), puis « 1 tâche restante » après une suppression. Une saisie vide ou de trois espaces n'ajoute rien, sans bulle d'erreur du navigateur, et l'URL ne change pas. La tâche <img src=x onerror=alert(1)> s'affiche comme du texte : aucune image n'est créée.

À retenir. Le champ n'a pas l'attribut required : avec lui, le navigateur afficherait sa propre bulle sur un envoi vide, alors qu'ici le test titre === "" suffit. textContent affiche le texte tel quel ; innerHTML l'interpréterait comme du HTML, une porte ouverte à l'injection de code.

Exercice 17 : valider un formulaire

Énoncé. Un formulaire d'inscription demande un e-mail, un mot de passe de 8 caractères minimum et une confirmation. Affichez un message sous chaque champ pendant la saisie, et vérifiez tout à l'envoi.

Indice. L'attribut novalidate désactive les bulles du navigateur pour afficher vos propres messages. Un objet de règles, une fonction par champ, évite de répéter le code.

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Inscription</title>
  <style>.erreur { color: crimson; } input[aria-invalid="true"] { border-color: crimson; }</style>
</head>
<body>
  <form id="inscription" novalidate>
    <label for="email">E-mail</label>
    <input id="email" type="email" required aria-describedby="email-erreur">
    <p class="erreur" id="email-erreur" aria-live="polite"></p>

    <label for="mdp">Mot de passe (8 caractères minimum)</label>
    <input id="mdp" type="password" required aria-describedby="mdp-erreur">
    <p class="erreur" id="mdp-erreur" aria-live="polite"></p>

    <label for="confirmation">Confirmation</label>
    <input id="confirmation" type="password" required aria-describedby="confirmation-erreur">
    <p class="erreur" id="confirmation-erreur" aria-live="polite"></p>

    <button>Créer le compte</button>
    <p id="resultat" aria-live="polite"></p>
  </form>

  <script>
    const regles = {
      email: (v) => (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v) ? "" : "Adresse e-mail invalide."),
      mdp: (v) => (v.length >= 8 ? "" : `Encore ${8 - v.length} caractère(s).`),
      confirmation: (v) =>
        v === ""
          ? "Confirmez le mot de passe."
          : v === document.querySelector("#mdp").value
            ? ""
            : "Les mots de passe ne correspondent pas.",
    };

    function verifier(id) {
      const champ = document.querySelector(`#${id}`);
      // On nettoie l'e-mail, jamais un mot de passe : une espace y compte
      const valeur = id === "email" ? champ.value.trim() : champ.value;
      const message = regles[id](valeur);
      document.querySelector(`#${id}-erreur`).textContent = message;
      champ.setAttribute("aria-invalid", message !== "");
      return message === "";
    }

    const formulaire = document.querySelector("#inscription");
    const confirmation = document.querySelector("#confirmation");

    // Vérification en direct pendant la saisie
    formulaire.addEventListener("input", (evenement) => {
      verifier(evenement.target.id);
      // Changer le mot de passe peut rendre la confirmation juste ou fausse
      if (evenement.target.id === "mdp" && confirmation.value !== "") verifier("confirmation");
    });

    formulaire.addEventListener("submit", (evenement) => {
      evenement.preventDefault();
      const resultats = Object.keys(regles).map(verifier); // tout vérifier, pas seulement le premier
      const valide = resultats.every(Boolean);
      document.querySelector("#resultat").textContent = valide
        ? "Compte prêt à être envoyé au serveur."
        : "Corrigez les champs en rouge.";
    });
  </script>
</body>
</html>

Résultat vérifié : un envoi à vide affiche « Adresse e-mail invalide. », « Encore 8 caractère(s). », « Confirmez le mot de passe. » et « Corrigez les champs en rouge. ». La saisie de lea@exemple et secret affiche « Encore 2 caractère(s). ». Deux mots de passe différents affichent « Les mots de passe ne correspondent pas. », et ce message revient si l'on modifie le mot de passe après la confirmation. Avec des valeurs correctes, y compris un mot de passe entouré d'espaces saisi deux fois à l'identique, les messages disparaissent et la page affiche « Compte prêt à être envoyé au serveur. ». Chaque champ est relié à son message par aria-describedby, que lisent les lecteurs d'écran.

À retenir. La validation dans le navigateur aide l'utilisateur mais ne protège rien : le serveur doit refaire tous les contrôles. Ne nettoyez jamais un mot de passe avec trim() : une espace en fait partie. La règle de confirmation traite d'abord le champ vide, avec son propre message, sinon deux champs vides seraient jugés égaux.

Niveau 5 : fetch, async/await et modules

Ce niveau sort du fichier unique : il interroge une API et découpe le code. Si le vocabulaire des API vous manque, notre article API, c'est quoi ? explique requêtes, statuts et JSON.

Exercice 18 : charger un utilisateur avec fetch

Énoncé. Avec l'API gratuite JSONPlaceholder, qui se présente comme « free fake REST API » sans inscription, chargez les utilisateurs 1 et 999 et affichez nom, e-mail et ville. Gérez l'erreur HTTP et l'erreur réseau.

Indice. fetch ne rejette pas sa promesse sur une réponse 404. Le guide MDN Utiliser l'API Fetch le dit : il faut vérifier le statut avant de lire le corps. Testez response.ok et levez une erreur vous-même.

// exercice18.mjs
const API = "https://jsonplaceholder.typicode.com";

async function chargerUtilisateur(id) {
  const reponse = await fetch(`${API}/users/${id}`);
  if (!reponse.ok) {
    // fetch ne rejette pas sur une erreur HTTP : à nous de vérifier
    throw new Error(`HTTP ${reponse.status} pour l'utilisateur ${id}`);
  }
  return reponse.json();
}

async function afficher(id) {
  try {
    const { name, email, address: { city } } = await chargerUtilisateur(id);
    console.log(`${name} <${email}>, ${city}`);
  } catch (erreur) {
    console.log(`Erreur : ${erreur.message}`);
  }
}

await afficher(1);
await afficher(999);

try {
  await fetch("https://api.exemple.invalid/users/1"); // domaine qui n'existe pas
} catch (erreur) {
  console.log(`${erreur.name} : ${erreur.message}`);
}

Sortie attendue :

Leanne Graham <Sincere@april.biz>, Gwenborough
Erreur : HTTP 404 pour l'utilisateur 999
TypeError : fetch failed

À retenir. Une 404 arrive avec ok à false ; seule une panne réseau rejette la promesse. Dans les trois navigateurs testés, la même requête donne 200 et ok à true pour l'utilisateur 1, 404 et false pour le 999, mais le message réseau diffère : TypeError: Failed to fetch.

Exercice 19 : un module de géométrie

Énoncé. Créez geometrie.mjs qui exporte une constante, une fonction nommée et une fonction par défaut. Importez-les dans main.mjs de deux façons.

Indice. Un seul export default par module, importé sans accolades ; les exports nommés s'importent entre accolades. import * as regroupe tout dans un objet.

// geometrie.mjs
export const PI_ARRONDI = 3.14;

export function aireRectangle(largeur, hauteur) {
  return largeur * hauteur;
}

export default function aireCercle(rayon) {
  return Math.PI * rayon ** 2;
}

// main.mjs
import aireCercle, { aireRectangle, PI_ARRONDI } from "./geometrie.mjs";
import * as geo from "./geometrie.mjs";

console.log(aireRectangle(4, 2.5));
console.log(aireCercle(2).toFixed(2));
console.log(PI_ARRONDI, Object.keys(geo));

Sortie attendue de node main.mjs :

10
12.57
3.14 [ 'PI_ARRONDI', 'aireRectangle', 'default' ]

À retenir. Importer un nom qui n'existe pas arrête tout avant la première ligne : SyntaxError: The requested module './geometrie.mjs' does not provide an export named 'perimetre'. Dans le navigateur, le guide MDN des modules prévient qu'une page ouverte en file:// provoque des erreurs CORS : servez-la avec un serveur local.

Projet final : le bilan des tâches

Le dernier exercice réunit modules, fetch, déstructuration et reduce dans un programme en trois fichiers.

Exercice 20 : bilan des tâches en ligne de commande

Énoncé. JSONPlaceholder expose 200 tâches (/todos) et 10 utilisateurs (/users). Chargez les deux en parallèle, affichez le taux global de tâches terminées, puis le podium des trois utilisateurs les plus avancés. Une erreur doit afficher un message clair et un code de sortie non nul.

Indice. Promise.all lance les deux requêtes en même temps. ??= initialise une entrée seulement si elle n'existe pas. Une Map relie l'identifiant au nom.

// api.mjs
const API = "https://jsonplaceholder.typicode.com";

export async function chargerJson(chemin) {
  const reponse = await fetch(`${API}${chemin}`);
  if (!reponse.ok) {
    throw new Error(`HTTP ${reponse.status} sur ${chemin}`);
  }
  return reponse.json();
}

// stats.mjs
export function bilanParUtilisateur(taches) {
  const bilan = taches.reduce((acc, { userId, completed }) => {
    acc[userId] ??= { total: 0, faites: 0 };
    acc[userId].total++;
    if (completed) acc[userId].faites++;
    return acc;
  }, {});

  return Object.entries(bilan).map(([userId, { total, faites }]) => ({
    userId: Number(userId),
    total,
    faites,
    taux: Math.round((faites / total) * 100),
  }));
}

// main.mjs
import { chargerJson } from "./api.mjs";
import { bilanParUtilisateur } from "./stats.mjs";

try {
  const [taches, utilisateurs] = await Promise.all([
    chargerJson("/todos"),
    chargerJson("/users"),
  ]);

  const noms = new Map(utilisateurs.map(({ id, name }) => [id, name]));
  const faites = taches.filter((t) => t.completed).length;
  console.log(`${taches.length} tâches, ${faites} terminées (${Math.round((faites / taches.length) * 100)} %)`);

  const podium = bilanParUtilisateur(taches)
    .sort((a, b) => b.taux - a.taux || a.userId - b.userId)
    .slice(0, 3);

  podium.forEach(({ userId, faites, total, taux }, i) => {
    console.log(`${i + 1}. ${noms.get(userId)} : ${faites}/${total} (${taux} %)`);
  });
} catch (erreur) {
  console.error("Impossible de produire le bilan :", erreur.message);
  process.exitCode = 1;
}

Sortie attendue de node main.mjs :

200 tâches, 90 terminées (45 %)
1. Chelsey Dietrich : 12/20 (60 %)
2. Clementina DuBuque : 12/20 (60 %)
3. Leanne Graham : 11/20 (55 %)

À retenir. stats.mjs ne fait aucun appel réseau : il se teste avec un tableau écrit à la main. Pour aller plus loin, affichez le bilan dans une page HTML en réutilisant l'exercice 16, puis versionnez le projet en suivant notre guide Git et GitHub pour débutant. Le typage de TypeScript aurait signalé une faute de frappe sur completed avant l'exécution.

Les erreurs du débutant et leurs vrais messages

Ces messages ont été produits le 6 novembre 2026 par Node.js 22.15.0 et 26.13.0, à l'identique, sauf la dernière ligne, obtenue dans Chromium, Chrome et Edge : le navigateur signale l'exception comme « Uncaught », c'est-à-dire non interceptée, d'où ce préfixe dans la console. Lisez d'abord la dernière ligne d'une erreur : elle donne le type et la cause.

Code fautif	Message exact	Correction
`utilisateur.adresse.ville` sans adresse	`TypeError: Cannot read properties of undefined (reading 'ville')`	`utilisateur.adresse?.ville` renvoie `undefined`
`const taux = 0.2; taux = 0.055;`	`TypeError: Assignment to constant variable.`	`let` si la valeur doit changer
`console.log(prix); let prix = 10;`	`ReferenceError: Cannot access 'prix' before initialization`	Déclarer avant d'utiliser
`notes.map(...)` sur un objet	`TypeError: notes.map is not a function`	`Object.values(notes).map(...)`
`await` dans une fonction sans `async`	`SyntaxError: await is only valid in async functions and the top level bodies of modules`	Ajouter `async` devant `function`
`reponse.json()` sans `await` avant `fetch`	`TypeError: reponse.json is not a function`	`const reponse = await fetch(url)`
Script dans `<head>` qui cherche un bouton	`Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')`	Script en fin de `<body>` ou attribut `defer`

L'oubli de await est le plus sournois, car rien ne plante tout de suite. console.log(reponse) affiche Promise { <pending> } et reponse.ok vaut undefined : l'erreur n'apparaît qu'à la ligne suivante.

== contre ===. Le double égal convertit les types avant de comparer, comme le rappelle la page MDN de l'égalité stricte. Exécuté dans Node.js :

console.log(0 == "", "1" == 1, null == undefined, [] == false);
console.log(0 === "", "1" === 1, null === undefined, NaN === NaN, Number.isNaN(NaN));

true true true true
false false false false true

Utilisez === partout. NaN n'est égal à rien, pas même à lui-même : testez-le avec Number.isNaN().

Les nombres à virgule. 0.1 + 0.2 affiche 0.30000000000000004 et 0.1 + 0.2 === 0.3 vaut false. Les opérateurs se comportent aussi différemment avec du texte : "5" * 2 donne 10, "5" + 2 donne "52" et "5" - 2 donne 3. Notre guide Apprendre JavaScript revient sur var et sur this, deux autres pièges classiques.

Où s'entraîner en ligne gratuitement

Après ces 20 exercices, quatre plateformes prennent le relais. Nous avons vérifié leurs conditions le 6 novembre 2026, sans créer de compte.

Plateforme	Langue	Gratuit ?	Ce qu'on y trouve
MDN Web Docs	Français	Oui, sans compte	Cours « Script dynamique avec JavaScript » et pages « Testez vos compétences »
freeCodeCamp	Anglais	Oui, tout le contenu	Cours, projets et certifications
Exercism, piste JavaScript	Anglais	Oui, mentorat compris	159 exercices regroupés en 37 concepts
Codewars	Anglais	Compte de base sans prix affiché ; abonnement Red payant et facultatif	Kata (petits exercices) rédigés par la communauté

MDN. Le module Script dynamique avec JavaScript, traduit en français et publié sous licence Creative Commons, propose une page de test par notion, par exemple les tableaux.

freeCodeCamp. Sa FAQ l'affirme : « Every aspect of freeCodeCamp is 100% free », cours, projets et certifications compris. L'organisation se présente comme une association américaine de type 501(c)(3).

Exercism. La page de la piste JavaScript annonce 159 exercices et 37 concepts, « 100% free for everyone », avec un mentorat assuré par des bénévoles.

Codewars. Le site propose de petits exercices appelés « kata ». Sa documentation décrit une inscription par e-mail ou compte GitHub sans mentionner de paiement, mais aucune page officielle lue ne dit en toutes lettres que l'entraînement est gratuit. La page Codewars Red vend un abonnement à 5 dollars par mois, 24 dollars par semestre ou 40 dollars par an, pour des statistiques détaillées, l'absence de publicité, un badge et l'accès aux fonctions en bêta.

Pratiquer JavaScript reste un bon investissement. Dans l'enquête Stack Overflow 2026, JavaScript est le langage le plus utilisé : 62,0 % des 14 099 personnes qui ont répondu à cette question disent l'avoir utilisé (Stack Overflow Developer Survey 2026, consulté le 6 novembre 2026). La page parle d'une première place « for the 12th year in a row », mais l'édition 2023 évoquait déjà une onzième année : nous ne reprenons pas ce décompte.

Une fois ces bases acquises, un framework devient accessible : notre comparatif React vs Vue aide à choisir. Et si vous venez d'un autre langage, nos exercices Python débutant suivent le même format.

Ce que nous n'avons pas pu vérifier

Les points suivants restent ouverts :

Firefox et Safari. Les pages DOM ont été testées dans des navigateurs à moteur Chromium seulement : Chromium 120 fourni avec Playwright 1.40, une version ancienne, Chrome 156.0.8078.73 et Edge 157.0.4341.42. Ces deux dernières sont des versions du canal stable, mais Chrome 158, diffusé depuis le 4 novembre 2026, n'était pas encore installé sur le poste de test.
Le décompte de Stack Overflow. L'édition 2026 écrit que JavaScript est premier « for the 12th year in a row » ; celle de 2023 parlait déjà d'« eleventh year in a row ». Le pourcentage de 62,0 % n'est pas en cause.
Les autres versions de Node.js. Seules les versions 22.15.0 et 26.13.0 ont été utilisées. Node 24 n'a pas été testé.
Les données de JSONPlaceholder. Ce sont de fausses données fixes ; si le service les modifie, les sorties des exercices 18 et 20 changeront.
Le programme de freeCodeCamp et l'offre gratuite de Codewars. Les pages de cours de freeCodeCamp se chargent en JavaScript et n'ont pas été lues en détail. La page d'abonnement de Codewars ne décrit pas le compte gratuit ; nous n'avons pas créé de compte.
Les temps indicatifs. Ce sont des estimations de l'auteur, pas des mesures.

Questions fréquentes

Existe-t-il une version PDF de ces exercices JavaScript corrigés ?

Pas de PDF à télécharger. Pour une version papier, imprimez la page depuis le navigateur (Ctrl+P, « Enregistrer au format PDF »). Mais un exercice se fait en exécutant du code : gardez un fichier par exercice.

Faut-il Node.js ou un navigateur pour faire ces exercices ?

Les deux sont gratuits. Les exercices 1 à 14 marchent dans Node.js et aussi dans le navigateur, chargés dans une page ou collés dans la console (F12) ; nous les avons testés chargés dans une page. Les exercices 15 à 17 demandent un navigateur ; les exercices 18 à 20 ont été écrits pour Node.js 22 ou plus récent.

Combien de temps faut-il pour faire les 20 exercices ?

Le total de nos estimations est d'environ sept heures, projet compris. Étalez ces exercices sur deux à trois semaines, un ou deux par jour, et refaites trois jours plus tard ceux qui vous ont posé problème.

Que faire après ces exercices ?

Construisez un petit projet personnel et publiez-le sur GitHub. Ensuite, deux suites logiques : TypeScript pour typer votre code, puis un framework comme React ou Vue.

À propos de l'auteur

Méthode. Les exercices ont été écrits pour cet article. Les corrections 1 à 14 et 18 à 20 ont été exécutées le 6 novembre 2026 avec Node.js 22.15.0 et 26.13.0, et leur sortie copiée telle quelle. Les messages du tableau d'erreurs, les comparaisons == et ===, 0.1 + 0.2, les conversions de "5", l'erreur de reduce sur un tableau vide, l'export manquant de l'exercice 19 et l'oubli de await (Promise { <pending> }, puis reponse.ok à undefined) viennent eux aussi d'exécutions sous ces deux versions.

Les exercices 15 à 17, l'erreur sur null, les statuts de fetch et le message « Failed to fetch » dans le navigateur, ainsi que les corrections 1 à 14, ont été vérifiés par des scripts Playwright dans Chromium 120, Chrome 156 et Edge 157, versions du canal stable pour les deux derniers.

Les références techniques viennent de MDN et de la documentation de Node.js ; les chiffres, de l'enquête Stack Overflow 2026. Les conditions des plateformes ont été lues sur leurs pages officielles. Aucun lien n'est affilié.

Une erreur dans une correction ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 6 novembre 2026.

Image : Markus Spiske (Unsplash License). Graphiques : NeurauTech, d'après l'enquête Stack Overflow 2026 et le calendrier de Node.js.

Raccourcis VS Code : l'aide-mémoire Windows, macOS et clavier AZERTY

Neurau Tech — Fri, 06 Nov 2026 15:54:44 +0000

L'essentiel en une minute

Les raccourcis VS Code les plus utiles tiennent en une dizaine de combinaisons : la palette de commandes, l'ouverture rapide de fichier, le commentaire, la duplication de ligne, le multicurseur, le terminal. Le piège, pour un lecteur francophone, est ailleurs : plusieurs raccourcis officiels sont écrits pour un clavier américain et ne tombent pas sur la touche attendue en AZERTY.

Cet aide-mémoire classe les raccourcis par tâche, avec la version Windows et Linux et la version macOS. Tous viennent de la documentation officielle de code.visualstudio.com, relue le 6 novembre 2026, alors que la version stable est VS Code 1.145, publiée le 4 novembre 2026 selon les notes de version.

Points clés

Trois raccourcis suffisent pour démarrer : la palette de commandes (Ctrl+Maj+P), l'ouverture rapide (Ctrl+P) et le commentaire de ligne (Ctrl+/ en QWERTY).

Sur macOS, Ctrl devient le plus souvent Cmd, mais pas toujours : le terminal, Aller à la ligne et le contrôle de code source gardent Ctrl.

VS Code se règle sur la touche, pas sur le caractère. En AZERTY sous Windows, Ctrl+/ tombe sur la touche « : » et Ctrl+` sur la touche « ù », d'après la table du clavier français que nous avons lue.

L'éditeur de raccourcis (Ctrl+K Ctrl+S) affiche la combinaison réelle pour votre clavier, et keybindings.json permet de la changer.

Les fiches PDF officielles à imprimer datent de 2021 (Windows, macOS) et de 2024 (Linux) selon leurs propriétés, et ignorent Copilot : la page des raccourcis par défaut est plus à jour.

Les 10 raccourcis VS Code à apprendre en premier

Si vous n'en retenez que dix, prenez ceux-ci : ils couvrent l'essentiel d'une journée de code, du fichier à ouvrir au terminal. Dans tout l'article, « Maj » désigne la touche Shift (⇧), « Cmd » la touche ⌘ et « Option » la touche ⌥ du Mac ; Haut, Bas, Gauche et Droite sont les touches fléchées. Un raccourci en deux temps comme Ctrl+K Ctrl+C se tape ainsi : Ctrl+K, on relâche, puis Ctrl+C.

Action	Windows et Linux	macOS
Palette de commandes	Ctrl+Maj+P ou F1	Cmd+Maj+P ou F1
Ouvrir un fichier (Quick Open)	Ctrl+P	Cmd+P
Commenter ou décommenter la ligne	Ctrl+/	Cmd+/
Dupliquer la ligne vers le bas	Maj+Alt+Bas	Maj+Option+Bas
Déplacer la ligne	Alt+Haut ou Bas	Option+Haut ou Bas
Supprimer la ligne	Ctrl+Maj+K	Cmd+Maj+K
Sélectionner l'occurrence suivante	Ctrl+D	Cmd+D
Renommer un symbole	F2	F2
Formater le document	Maj+Alt+F	Maj+Option+F
Afficher ou masquer le terminal	Ctrl+`	Ctrl+`

Sources : raccourcis par défaut et astuces de VS Code, consultés le 6 novembre 2026. Sous Linux, deux lignes diffèrent : le formatage passe par Ctrl+Maj+I et la duplication par Ctrl+Maj+Alt+Bas.

Le premier réflexe à prendre est la palette de commandes. Elle donne accès à toutes les actions de l'éditeur par leur nom, et affiche à côté de chacune son raccourci : c'est la meilleure façon d'apprendre les autres sans fiche.

Navigation : palette, fichiers, symboles

La navigation repose sur une seule zone de saisie, Quick Open, dont le préfixe change le mode. Ctrl+P cherche un fichier, et les raccourcis suivants ouvrent la même zone avec un autre préfixe.

Action	Windows et Linux	macOS
Aller à un fichier	Ctrl+P	Cmd+P
Aller à un symbole du fichier	Ctrl+Maj+O	Cmd+Maj+O
Aller à un symbole du projet	Ctrl+T	Cmd+T
Aller à la ligne	Ctrl+G	Ctrl+G
Aller à la définition	F12	F12
Aperçu de la définition (Peek)	Alt+F12 (Linux : Ctrl+Maj+F10)	Option+F12
Afficher les références	Maj+F12	Maj+F12
Revenir en arrière	Alt+Gauche (Linux : Ctrl+Alt+-)	Ctrl+-
Aller en avant	Alt+Droite (Linux : Ctrl+Maj+-)	Ctrl+Maj+-
Erreur ou avertissement suivant	F8	F8
Panneau Problèmes	Ctrl+Maj+M	Cmd+Maj+M

Sources : astuces de VS Code et raccourcis par défaut. Deux pièges pour les utilisateurs de Mac : Aller à la ligne reste sur Ctrl+G, et la navigation arrière n'utilise pas Option+Gauche, contrairement à ce que laissent croire certains guides qui remplacent mécaniquement Alt par Option.

Le couple F12 et Alt+Gauche est celui qui fait gagner le plus de temps dans un projet inconnu : on saute dans la définition d'une fonction, on lit, on revient. Si vous découvrez JavaScript, essayez-le sur les exemples de notre guide pour apprendre JavaScript.

Édition : commenter, dupliquer, déplacer, indenter

Ce sont les raccourcis VS Code les plus recherchés, et ceux qui posent le plus de problèmes en AZERTY. La colonne Windows reprend les touches du clavier américain : la section AZERTY plus bas donne leur équivalent.

Action	Windows et Linux	macOS
Commenter ou décommenter la ligne	Ctrl+/	Cmd+/
Ajouter un commentaire de ligne	Ctrl+K Ctrl+C	Cmd+K Cmd+C
Retirer un commentaire de ligne	Ctrl+K Ctrl+U	Cmd+K Cmd+U
Commentaire de bloc	Maj+Alt+A (Linux : Ctrl+Maj+A)	Maj+Option+A
Dupliquer la ligne (haut ou bas)	Maj+Alt+Haut ou Bas (Linux : Ctrl+Maj+Alt+Haut ou Bas)	Maj+Option+Haut ou Bas
Déplacer la ligne	Alt+Haut ou Bas	Option+Haut ou Bas
Supprimer la ligne	Ctrl+Maj+K	Cmd+Maj+K
Insérer une ligne dessous	Ctrl+Entrée	Cmd+Entrée
Insérer une ligne dessus	Ctrl+Maj+Entrée	Cmd+Maj+Entrée
Indenter la ligne	Ctrl+]	Cmd+]
Désindenter la ligne	Ctrl+[	Cmd+[
Renommer un symbole	F2	F2
Formater le document	Maj+Alt+F (Linux : Ctrl+Maj+I)	Maj+Option+F
Formater la sélection	Ctrl+K Ctrl+F	Cmd+K Cmd+F
Correction rapide	Ctrl+.	Cmd+.
Retour à la ligne automatique	Alt+Z	Option+Z

Sources : raccourcis par défaut et bases de l'édition, consultés le 6 novembre 2026.

Le commentaire. Ctrl+/ bascule le commentaire de ligne, quel que soit le langage : // en JavaScript, # en Python,  en HTML. Si la touche ne répond pas sur votre clavier, Ctrl+K Ctrl+C et Ctrl+K Ctrl+U font le même travail en deux temps et n'utilisent que des lettres : ils marchent sur les claviers latins, AZERTY compris.

L'indentation. Pour indenter un bloc, le plus simple reste de le sélectionner puis d'appuyer sur Tab, ou Maj+Tab pour le désindenter. Ctrl+] et Ctrl+[ font la même chose sans sélection, mais leurs touches changent en AZERTY. En Python, où l'indentation fait partie de la syntaxe, c'est le premier raccourci à maîtriser : notre guide pour apprendre Python explique pourquoi.

Le renommage. F2 renomme une variable ou une fonction dans tout le projet, en suivant le langage. C'est plus sûr qu'un remplacement de texte, qui toucherait aussi les chaînes et les commentaires.

Multicurseur et sélection

Le multicurseur permet de modifier plusieurs endroits à la fois, et c'est souvent ce qui convertit les débutants aux raccourcis. Le plus utile est Ctrl+D : chaque appui ajoute la prochaine occurrence du mot sélectionné à la sélection.

Action	Windows et Linux	macOS
Ajouter un curseur au clic	Alt+Clic	Option+Clic
Curseur au-dessus ou en dessous	Ctrl+Alt+Haut ou Bas (Linux : Maj+Alt+Haut ou Bas)	Cmd+Option+Haut ou Bas
Sélectionner l'occurrence suivante	Ctrl+D	Cmd+D
Sauter l'occurrence suivante	Ctrl+K Ctrl+D	Cmd+K Cmd+D
Sélectionner toutes les occurrences	Ctrl+Maj+L	Cmd+Maj+L
Curseur en fin de chaque ligne sélectionnée	Maj+Alt+I	Maj+Option+I
Sélectionner la ligne	Ctrl+L	Cmd+L
Étendre ou réduire la sélection	Maj+Alt+Droite ou Gauche	Ctrl+Maj+Cmd+Droite ou Gauche
Sélection en colonne	Maj+Alt+glisser	Maj+Option+glisser

Sources : bases de l'édition et astuces de VS Code. La documentation prévient que le pilote de la carte graphique peut intercepter certains de ces raccourcis : sur certains PC, Ctrl+Alt+Haut ou Bas fait pivoter l'écran au lieu d'ajouter un curseur.

Un exemple concret : pour ajouter un point-virgule au bout de dix lignes, sélectionnez-les, appuyez sur Maj+Alt+I (Maj+Option+I sur Mac) pour placer un curseur sur chaque ligne, puis sur Fin (Cmd+Droite sur Mac) et tapez « ; » une seule fois : il apparaît au bout des dix lignes. Les exercices de notre cours HTML et CSS pour débutant se prêtent bien à l'entraînement.

Rechercher et remplacer

La recherche existe à deux niveaux : dans le fichier ouvert, et dans tout le projet. Les raccourcis suivent la même logique, avec Maj pour passer au projet.

Action	Windows et Linux	macOS
Rechercher dans le fichier	Ctrl+F	Cmd+F
Remplacer dans le fichier	Ctrl+H	Cmd+Option+F
Résultat suivant ou précédent	Entrée ou Maj+Entrée	Entrée ou Maj+Entrée
Sélectionner tous les résultats	Alt+Entrée	Option+Entrée
Rechercher dans la sélection	Alt+L	Cmd+Option+L
Rechercher dans le projet	Ctrl+Maj+F	Cmd+Maj+F
Remplacer dans le projet	Ctrl+Maj+H	Cmd+Maj+H
Activer les expressions régulières	Alt+R	Cmd+Option+R

Sources : raccourcis par défaut, bases de l'édition et astuces de VS Code.

Alt+Entrée est le raccourci méconnu de cette liste : après une recherche, il pose un curseur sur chaque résultat, ce qui transforme la recherche en édition multiple. Combiné aux expressions régulières, il remplace bien des scripts de transformation.

Terminal intégré

Le terminal est le cas où macOS garde Ctrl : Ctrl+` affiche ou masque le terminal sur les trois systèmes. C'est aussi le raccourci qui pose le plus de problèmes en AZERTY, car la touche accent grave n'y existe pas comme touche simple.

Action	Windows et Linux	macOS
Afficher ou masquer le terminal	Ctrl+`	Ctrl+`
Nouveau terminal	Ctrl+Maj+`	Ctrl+Maj+`
Diviser le terminal	Ctrl+Maj+5	Cmd+\
Volet suivant ou précédent	Alt+Droite ou Gauche	Cmd+Option+Droite ou Gauche
Remonter ou descendre à la commande précédente dans la sortie	Ctrl+Haut ou Bas	Cmd+Haut ou Bas
Ouvrir un terminal externe	Ctrl+Maj+C	Cmd+Maj+C
Copier, coller (Windows et macOS)	Ctrl+C, Ctrl+V	Cmd+C, Cmd+V
Copier, coller (Linux)	Ctrl+Maj+C, Ctrl+Maj+V	sans objet

Source : documentation du terminal, consultée le 6 novembre 2026. La division et le changement de volet ne fonctionnent que si le terminal a le focus. La documentation n'indique pas de raccourci par défaut pour fermer un terminal : on passe par l'icône de corbeille ou par la palette.

Si vous passez beaucoup de temps dans ce terminal, notre guide des commandes Linux de base est le complément naturel de cette section.

Panneaux, barre latérale et éditeurs

Ces raccourcis servent à gagner de la place à l'écran et à passer d'une vue à l'autre sans souris.

Action	Windows et Linux	macOS
Afficher ou masquer la barre latérale	Ctrl+B	Cmd+B
Afficher ou masquer le panneau du bas	Ctrl+J	Cmd+J
Explorateur de fichiers	Ctrl+Maj+E	Cmd+Maj+E
Vue Extensions	Ctrl+Maj+X	Cmd+Maj+X
Diviser l'éditeur	Ctrl+\	Cmd+\
Aller au groupe d'éditeurs 1, 2 ou 3	Ctrl+1, 2 ou 3	Cmd+1, 2 ou 3
Fermer l'éditeur	Ctrl+W ou Ctrl+F4 (Linux : Ctrl+W)	Cmd+W
Rouvrir l'éditeur fermé	Ctrl+Maj+T	Cmd+Maj+T
Mode Zen	Ctrl+K Z	Cmd+K Z
Paramètres	Ctrl+,	Cmd+,
Éditeur des raccourcis	Ctrl+K Ctrl+S	Cmd+K Cmd+S

Sources : raccourcis par défaut, astuces de VS Code et la fiche officielle pour Windows. La vue Extensions est celle où installer les outils de notre sélection des meilleures extensions VS Code.

Débogage

Les raccourcis de débogage sont les mêmes sur les trois systèmes, à l'exception de ceux qui utilisent Ctrl ou Cmd. Sur un Mac, les touches de fonction peuvent demander d'appuyer en plus sur Fn, selon les réglages du clavier. Apple attribue aussi Fn+F11 à « Afficher le bureau » (raccourcis clavier du Mac) : si le pas à pas détaillé ne répond pas, c'est la piste à vérifier.

Action	Windows et Linux	macOS
Démarrer ou continuer	F5	F5
Arrêter	Maj+F5	Maj+F5
Redémarrer	Ctrl+Maj+F5	Cmd+Maj+F5
Pas à pas principal (step over)	F10	F10
Pas à pas détaillé (step into)	F11	F11
Pas à pas sortant (step out)	Maj+F11	Maj+F11
Point d'arrêt	F9	F9
Point d'arrêt dans la ligne	Maj+F9	Maj+F9
Vue Exécuter et déboguer	Ctrl+Maj+D	Cmd+Maj+D
Console de débogage	Ctrl+Maj+Y	Cmd+Maj+Y

Source : documentation du débogage, consultée le 6 novembre 2026.

Git et contrôle de code source

VS Code définit peu de raccourcis pour Git : l'essentiel passe par la vue Contrôle de code source et par la palette. Voici ceux que nous avons trouvés dans la documentation et dans les raccourcis par défaut.

Action	Windows et Linux	macOS
Vue Contrôle de code source	Ctrl+Maj+G	Ctrl+Maj+G
Valider (commit) depuis la zone de message	Ctrl+Entrée	Cmd+Entrée
Toute autre commande Git	palette, puis « Git: »	palette, puis « Git: »

Source : documentation du contrôle de code source. Comme pour le terminal, le Mac garde Ctrl pour ouvrir la vue. Le raccourci de validation est la commande scm.acceptInput, liée à Ctrl+Entrée dans les raccourcis par défaut de la version 1.107.1 que nous avons inspectée (voir la méthode en fin d'article).

Dans la palette, tapez « Git: » pour lister les commandes : Push, Pull, Stash, changer de branche. Si ces notions sont nouvelles, notre guide Git et GitHub pour débutant les reprend depuis le début.

Copilot et chat

La documentation officielle liste aujourd'hui sept raccourcis pour GitHub Copilot et le chat. Ils viennent de l'aide-mémoire des fonctions IA de la documentation, daté du 4 novembre 2026.

Action	Windows et Linux	macOS
Ouvrir la vue Chat	Ctrl+Alt+I	Ctrl+Cmd+I
Nouvelle conversation	Ctrl+N	Cmd+N
Chat dans l'éditeur (inline)	Ctrl+I	Cmd+I
Chat dans le terminal	Ctrl+I	Cmd+I
Quick Chat	Ctrl+Maj+Alt+L	Maj+Option+Cmd+L
Accepter une suggestion	Tab	Tab
Refuser une suggestion	Échap	Échap

Source : aide-mémoire officiel des fonctions IA de VS Code, consulté le 6 novembre 2026. Ctrl+N est aussi le raccourci Nouveau fichier : il n'ouvre une nouvelle conversation que lorsque le focus est dans le chat, d'après les raccourcis par défaut de la version 1.107.1 que nous avons inspectée.

La page ne donne pas de raccourci pour le mode vocal ni pour les suggestions de modification suivantes. Pour aller plus loin que les raccourcis, notre article sur l'IA pour coder plus vite résume ce que les études mesurent vraiment.

Raccourcis VS Code sur clavier AZERTY : ce qui change

En AZERTY, une partie des raccourcis VS Code ne tombe pas sur la touche imprimée dans les guides, parce que l'éditeur se règle sur la touche et non sur le caractère. La documentation le dit : les touches sont « des représentations de touches virtuelles » qui « ne correspondent pas forcément au caractère produit » (notre traduction), et l'interface affiche les raccourcis selon la disposition du clavier du système (documentation des raccourcis).

Ce que nous avons vérifié. Sur la machine de rédaction, un PC Windows 11 avec la disposition « Français » (AZERTY) installée, nous avons interrogé la table du clavier de Windows pour savoir quel caractère produit chaque touche virtuelle. Nous avons aussi lu les raccourcis par défaut dans les fichiers de VS Code 1.107.1, la version installée sur ce PC, plus ancienne que la 1.145 actuelle. Nous n'avons pas ouvert l'éditeur de raccourcis ni appuyé sur les touches : le tableau ci-dessous est une déduction de ces deux lectures.

Raccourci officiel (QWERTY)	Touche virtuelle Windows	Équivalent attendu en AZERTY français
Ctrl+/ (commenter)	VK_OEM_2	Ctrl+:
Ctrl+` (terminal)	VK_OEM_3	Ctrl+ù
Ctrl+Maj+` (nouveau terminal)	VK_OEM_3	Ctrl+Maj+ù
Ctrl+\ (diviser l'éditeur)	VK_OEM_5	Ctrl+*
Ctrl+] (indenter)	VK_OEM_6	Ctrl+^ (touche morte, non vérifié)
Ctrl+[ (désindenter)	VK_OEM_4	Ctrl+)
Ctrl+. (correction rapide)	VK_OEM_PERIOD	Ctrl+; (à confirmer)
Ctrl+, (paramètres)	VK_OEM_COMMA	Ctrl+, sur la touche « , » (à confirmer)
Ctrl+- (zoom arrière)	VK_OEM_MINUS	aucune touche ; Ctrl+moins du pavé numérique (à confirmer)
Ctrl+K Ctrl+C, Ctrl+D, Ctrl+P	lettres	inchangés

Un document de Microsoft confirme la logique sur un cas : un billet de blog archivé, consacré à la version 0.10.5 de VS Code, indiquait qu'avec une disposition « French (France) », la commande Diviser l'éditeur s'affiche comme Ctrl+* (blog archivé de Microsoft). C'est exactement ce que donne notre table pour Ctrl+.

Le terminal a une histoire plus ancienne. Un ticket de décembre 2016, ouvert sur Linux, signalait que Ctrl+` ne fonctionnait pas en AZERTY ; l'équipe y répondait que VS Code ne livre pas de raccourcis par défaut propres à chaque disposition, et proposait une liaison par code de touche (ticket GitHub 17651). Le ticket a été fermé en 2017 : son contenu vaut comme historique, pas comme état actuel.

Sur macOS et sous Linux, la correspondance peut être différente : nous ne l'avons pas vérifiée. Dans tous les cas, l'éditeur de raccourcis de votre propre machine fait foi.

Vérifier et corriger un raccourci en trois étapes

La méthode est la même sur les trois systèmes : lire, diagnostiquer, puis réassigner. Elle s'appuie sur trois outils documentés de VS Code.

1. Lire la touche réelle. Ouvrez l'éditeur de raccourcis avec Ctrl+K Ctrl+S (Cmd+K Cmd+S sur Mac), ou par la palette avec « Preferences: Open Keyboard Shortcuts ». Cherchez la commande, par exemple « Toggle Line Comment » : la colonne de droite affiche la combinaison telle qu'elle s'applique à votre clavier, pas celle du clavier américain.

2. Diagnostiquer. Si une touche ne fait rien, lancez depuis la palette « Developer: Toggle Keyboard Shortcuts Troubleshooting ». Selon la documentation, cette commande enregistre les raccourcis reçus et ouvre le panneau Sortie sur le journal. Appuyez ensuite sur la combinaison : le journal indique le code de touche reçu et la commande déclenchée, ou l'absence de commande.

Un ticket GitHub montre à quoi ressemble ce journal. Une ligne indique « Converted keydown event - modifiers: [ctrl], code: Slash », la suivante « matched editor.action.commentLine » (ticket GitHub 136351). Si aucune ligne « matched » n'apparaît, aucune commande n'est liée à cette touche ; si une autre commande apparaît, c'est un conflit, souvent avec une extension.

3. Réassigner. Dans l'éditeur de raccourcis, l'icône « Open Keyboard Shortcuts (JSON) » ouvre le fichier keybindings.json de l'utilisateur. Chaque règle y associe une touche (key), une commande (command) et, en option, une condition (when). Préfixer une commande d'un tiret supprime une liaison existante.

La documentation propose aussi d'écrire la touche par son code physique, entre crochets, pour qu'un raccourci ne dépende plus de la disposition. Voici un fichier valide qui place le commentaire et le terminal sur des touches physiques :

json [ { "key": "ctrl+[Slash]", "command": "editor.action.commentLine", "when": "editorTextFocus && !editorReadonly" }, { "key": "ctrl+[Backquote]", "command": "workbench.action.terminal.toggleTerminal" } ]

Sur un clavier AZERTY français, [Slash] désigne la touche « ! » (à droite de « : ») et [Backquote] la touche « ² », sous Échap : c'est la position de ces touches sur un clavier américain, d'après la table de Windows que nous avons lue. La liaison par code de touche est celle que proposait l'équipe de VS Code dans le ticket 17651. Nous n'avons pas testé ce fichier dans l'éditeur : vérifiez le résultat dans l'éditeur de raccourcis après l'enregistrement.

Pour saisir une combinaison sans erreur, la documentation signale le widget Define Keybinding, ouvert par Ctrl+K Ctrl+K dans keybindings.json : il écoute les touches pressées et écrit la règle à votre place. Sous Linux, elle recommande de redémarrer VS Code après un changement de disposition du clavier.

Le tableau à imprimer

Ce tableau reprend vingt raccourcis VS Code, avec la colonne AZERTY déduite plus haut pour les touches qui changent. Imprimez la page ou faites une capture de ce bloc.

Action	Windows (QWERTY)	Windows AZERTY (déduit, non testé)	macOS
Palette de commandes	Ctrl+Maj+P	Ctrl+Maj+P	Cmd+Maj+P
Ouvrir un fichier	Ctrl+P	Ctrl+P	Cmd+P
Symbole du fichier	Ctrl+Maj+O	Ctrl+Maj+O	Cmd+Maj+O
Aller à la ligne	Ctrl+G	Ctrl+G	Ctrl+G
Aller à la définition	F12	F12	F12
Commenter la ligne	Ctrl+/	Ctrl+: ou Ctrl+K Ctrl+C	Cmd+/
Commentaire de bloc	Maj+Alt+A	Maj+Alt+A	Maj+Option+A
Dupliquer la ligne	Maj+Alt+Bas	Maj+Alt+Bas	Maj+Option+Bas
Déplacer la ligne	Alt+Haut ou Bas	Alt+Haut ou Bas	Option+Haut ou Bas
Supprimer la ligne	Ctrl+Maj+K	Ctrl+Maj+K	Cmd+Maj+K
Indenter, désindenter	Ctrl+] et Ctrl+[	Tab et Maj+Tab sur sélection	Cmd+] et Cmd+[
Occurrence suivante	Ctrl+D	Ctrl+D	Cmd+D
Toutes les occurrences	Ctrl+Maj+L	Ctrl+Maj+L	Cmd+Maj+L
Renommer	F2	F2	F2
Formater	Maj+Alt+F	Maj+Alt+F	Maj+Option+F
Rechercher dans le projet	Ctrl+Maj+F	Ctrl+Maj+F	Cmd+Maj+F
Terminal	Ctrl+`	Ctrl+ù	Ctrl+`
Barre latérale	Ctrl+B	Ctrl+B	Cmd+B
Démarrer le débogage	F5	F5	F5
Chat Copilot	Ctrl+Alt+I	Ctrl+Alt+I	Ctrl+Cmd+I

Microsoft publie aussi trois fiches PDF officielles, pour Windows, macOS et Linux. D'après leurs propriétés, les fiches Windows et macOS ont été créées en août 2021 et la fiche Linux en septembre 2024 : aucune ne mentionne Copilot ni le chat, et toutes supposent un clavier américain.

Ce que nous n'avons pas pu vérifier

Cet aide-mémoire est une synthèse de la documentation officielle. Quelques points restent ouverts :

Le comportement réel en AZERTY. La colonne AZERTY est déduite de la table du clavier français de Windows et du mécanisme documenté par VS Code. Nous n'avons appuyé sur aucune touche dans l'éditeur.
La version inspectée. Les raccourcis lus dans les fichiers du programme viennent de VS Code 1.107.1, installé sur la machine de rédaction. Pour la version 1.145, nous nous appuyons sur les pages de documentation relues le 6 novembre 2026.
Ctrl+^ pour indenter. La touche « ^ » est une touche morte en AZERTY ; nous ne savons pas si Ctrl+^ déclenche bien l'indentation.
Les zooms Ctrl+= et Ctrl+-. La table de Windows n'associe aucune touche à la touche virtuelle du signe moins sur le clavier français : Ctrl+- pourrait ne pas répondre. Les raccourcis par défaut de la version 1.107.1 lient aussi le zoom arrière à Ctrl+moins du pavé numérique et le zoom avant à Ctrl+plus du pavé numérique ; nous n'avons pas appuyé sur ces touches.
macOS et Linux en AZERTY. Leur correspondance n'a pas été vérifiée.
Le mapping exact des fiches PDF pour Mac. Le texte extrait du PDF macOS perd ses symboles ; les combinaisons Mac de cet article viennent des pages HTML de la documentation.

Questions fréquentes

Quel est le raccourci pour commenter dans VS Code ?

Ctrl+/ sous Windows et Linux, Cmd+/ sur Mac, selon la liste des raccourcis par défaut. Sur un clavier AZERTY sous Windows, la même commande tombe sur Ctrl+:, d'après notre lecture de la table du clavier. Ctrl+K Ctrl+C ajoute un commentaire et Ctrl+K Ctrl+U le retire, sur les claviers latins, AZERTY compris.

Comment ouvrir le terminal dans VS Code avec un clavier AZERTY ?

Le raccourci officiel est Ctrl+. En AZERTY français, il correspond à Ctrl+ù sous Windows, selon notre lecture de la table du clavier. Vous pouvez aussi le lier à la touche « ² » avec la règle ctrl+[Backquote] dans keybindings.json`, ou passer par le menu Affichage.

Comment dupliquer une ligne dans VS Code ?

Maj+Alt+Bas copie la ligne en dessous, et Maj+Alt+Haut au-dessus, sous Windows. Sur Mac, c'est Maj+Option+Bas ou Haut. Sous Linux, la page des raccourcis par défaut indique Ctrl+Maj+Alt+Bas.

Où trouver la liste complète des raccourcis VS Code ?

Dans l'éditeur lui-même, avec Ctrl+K Ctrl+S, qui affiche les combinaisons adaptées à votre clavier. En ligne, la page des raccourcis par défaut est la plus à jour ; les fiches PDF officielles, plus anciennes, se prêtent mieux à l'impression. Si vous hésitez encore sur l'éditeur, notre comparatif des IDE situe VS Code face aux autres.

À propos de l'auteur

Méthode. Synthèse fondée sur la documentation officielle de VS Code (raccourcis par défaut, pages sur l'édition, le terminal, le débogage, le contrôle de code source et Copilot) et sur les fiches PDF officielles, relues le 6 novembre 2026. Pour la partie AZERTY, nous avons lu sur un PC Windows 11 la table de la disposition « Français » et les raccourcis par défaut contenus dans VS Code 1.107.1. Aucun raccourci n'a été testé à la main dans l'éditeur. Aucun lien n'est affilié.

Une erreur ou un raccourci qui a changé ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 6 novembre 2026.

Image d'en-tête : qui nguyen via Unsplash (Unsplash License).

DevOps c'est quoi ? Définition, principes, métriques DORA et métier en 2026

Neurau Tech — Fri, 06 Nov 2026 15:54:42 +0000

L'essentiel en une minute

DevOps c'est quoi ? C'est une façon de travailler qui réunit le développement (Dev) et l'exploitation (Ops) d'un logiciel autour d'un même objectif : livrer souvent, sans casser la production. Ce n'est ni un outil, ni une équipe, mais une culture et des pratiques, soutenues par des outils.

Ce guide s'adresse aux débutants, aux développeurs et aux managers. C'est une synthèse de sources publiques consultées le 6 novembre 2026, sans test de notre part.

Points clés

Le DevOps vise à abattre le « mur » entre ceux qui écrivent le code et ceux qui le font tourner. La première conférence devopsdays a lieu à Gand, en Belgique, en 2009.

Deux grilles de lecture structurent la démarche : CALMS (culture, automatisation, lean, mesure, partage) et les trois voies de Gene Kim (flux, rétroaction, apprentissage).

DORA mesure aujourd'hui la livraison logicielle avec cinq métriques, et non plus quatre : délai de mise en production, fréquence de déploiement, temps de rétablissement après un déploiement raté, taux d'échec des changements et taux de reprise des déploiements.

Le SRE, le platform engineering et le DevSecOps ne remplacent pas le DevOps : ce sont des façons de l'appliquer à la fiabilité, à l'outillage interne et à la sécurité.

Côté salaire, le cabinet de recrutement Robert Half donne une médiane nationale de 73 000 € fixes pour 2027, et le cabinet Silkhom 50 à 60 k€ bruts fixes pour un confirmé à Paris.

DevOps c'est quoi : définition et origine

DevOps est un mot-valise formé de development et operations. Il désigne la collaboration de ces deux métiers sur tout le cycle de vie d'une application, de l'idée à la production. Le livre de Google sur le SRE en résume les principes : impliquer l'exploitation dans chaque phase de conception, préférer l'automatisation à l'effort humain et appliquer des pratiques d'ingénierie aux tâches d'exploitation (Site Reliability Engineering, Google, édition de 2016).

Le mur entre Dev et Ops

Le problème de départ est organisationnel. Les développeurs sont jugés sur la vitesse à laquelle ils livrent, l'exploitation sur la stabilité. Atlassian décrit des objectifs séparés et souvent concurrents, des directions et des indicateurs séparés, parfois des bâtiments séparés (Atlassian, histoire du DevOps, consulté le 6 novembre 2026).

Scénario fictif, pour illustrer. Une équipe livre une fois par mois, un vendredi soir : trois cents changements partent ensemble, la production tombe, et personne ne sait lequel est en cause. La même équipe en mode DevOps aurait livré ces changements en petits déploiements automatisés, chacun testé par un pipeline : celui qui casse est identifié en minutes et retiré seul. Ce scénario n'est pas un cas mesuré.

Patrick Debois et les devopsdays de 2009

Patrick Debois, consultant belge, présente en 2008 à la conférence Agile de Toronto un exposé sur l'infrastructure et l'exploitation agiles. Sur son blog (9 octobre 2008), il raconte avoir rencontré des membres de Puppet qui ont proposé une session ouverte sur le sujet, et que personne d'autre que lui n'y est venu.

En juin 2009, à la conférence Velocity, John Allspaw et Paul Hammond présentent « 10+ Deploys Per Day: Dev and Ops Cooperation at Flickr », soit plus de dix déploiements par jour grâce à la coopération entre Dev et Ops chez Flickr (blog de John Allspaw, 23 juin 2009). Debois a vu l'exposé à distance et dit qu'il a décidé, après, d'organiser une conférence (interview sur InfoQ, décembre 2014).

La première devopsdays se tient à Gand, en Belgique, en 2009, avec Patrick Debois comme fondateur (devopsdays.org, consulté le 6 novembre 2026).

Les principes : CALMS et les trois voies

Deux cadres reviennent dans presque toutes les présentations sérieuses du DevOps. À notre sens, CALMS sert plutôt à évaluer une organisation, les trois voies à orienter les décisions.

CALMS

L'acronyme a deux étapes. John Willis écrit qu'il a forgé CAMS (culture, automatisation, mesure, partage) avec Damon Edwards après la première devopsdays américaine, à Mountain View en 2010, et que Jez Humble a ajouté plus tard le L de Lean (John Willis, IT Revolution, 1er mai 2012) :

Lettre	Principe	En pratique
C	Culture	Responsabilité partagée de la production, pas de recherche de coupable
A	Automatisation	Tests, builds, déploiements et infrastructure scriptés
L	Lean	Petits lots, limitation du travail en cours, chasse au gaspillage
M	Mesure	Indicateurs de livraison et de fiabilité suivis dans le temps
S	Partage (Sharing)	Connaissances, outils et retours d'incident accessibles à tous

Le guide CALMS d'Atlassian insiste : toute l'automatisation du monde est inutile si développeurs et exploitants ne travaillent pas ensemble.

Les trois voies

Gene Kim a décrit en 2012 trois principes dont, selon lui, découlent toutes les pratiques DevOps, et qui structurent The DevOps Handbook (IT Revolution, Gene Kim, 22 août 2012) :

Le flux. Optimiser le système entier plutôt qu'un service isolé, ne jamais transmettre un défaut connu à l'étape suivante.
La rétroaction. Raccourcir et amplifier les boucles de retour, de la production vers le développement.
L'expérimentation et l'apprentissage continus. Prendre des risques mesurés, apprendre des échecs, et répéter pour maîtriser.

La boucle DevOps en huit étapes

Le cycle de vie DevOps se représente souvent comme une boucle en forme de huit couché, parcourue en continu. Les noms d'étapes varient selon les éditeurs, mais la version la plus courante en compte huit :

Étape	Ce qu'on y fait	Outils typiques
Planifier	Découper le travail en petites tâches	Tableau Kanban, tickets
Coder	Écrire le code et le versionner	Git, revue de code
Construire	Compiler, empaqueter, créer l'image	Docker, outils de build
Tester	Lancer les tests automatiques à chaque changement	Frameworks de tests, CI
Publier	Produire un artefact (le paquet ou l'image livrable) versionné	Registre d'images, tags
Déployer	Mettre en production, souvent progressivement	CD, Kubernetes, GitOps
Exploiter	Faire tourner, dimensionner, corriger	Infrastructure as code
Surveiller	Observer et réinjecter les retours dans la planification	Logs, métriques, traces

La dernière flèche fait du DevOps une boucle : ce qu'on observe en production alimente la planification suivante. C'est la deuxième voie de Gene Kim appliquée au quotidien.

Les pratiques et les outils

Les outils changent, les pratiques restent. Voici les six blocs qu'on retrouve dans presque toutes les équipes.

Le contrôle de version. Tout part de Git : le code, mais aussi la configuration et l'infrastructure. Notre guide Git et GitHub pour débutant va de la première commande à la pull request.

L'intégration et la livraison continues (CI/CD). À chaque changement, un pipeline construit, teste et, si tout passe, déploie. Le principe est détaillé dans notre guide pour automatiser ses déploiements, la pratique dans le tutoriel GitHub Actions.

L'infrastructure as code. Serveurs, réseaux et bases se décrivent dans des fichiers versionnés. Terraform reste l'outil le plus connu. Le 10 août 2023, HashiCorp l'a fait passer de la licence MPL 2.0 à la Business Source License 1.1, une licence « source disponible » qui n'est pas open source au sens de l'OSI, créée par MariaDB, qui interdit les offres concurrentes de HashiCorp mais laisse les utilisateurs copier et modifier le code (annonce de HashiCorp). En réponse, plusieurs éditeurs ont créé OpenTofu, un fork (une copie indépendante du code), sous l'égide de la Linux Foundation et toujours sous MPL 2.0 (FAQ d'OpenTofu). Ansible, lui, sert surtout à configurer des machines existantes.

Les conteneurs et l'orchestration. Un conteneur emporte l'application et ses dépendances. Commencez par Docker pour débutants, puis Kubernetes pour débutants. Notre comparatif Kubernetes vs Docker aide à savoir quand un cluster se justifie.

L'observabilité. Le projet OpenTelemetry la définit comme la capacité à comprendre l'état interne d'un système par ses sorties : traces, métriques et logs (OpenTelemetry, consulté le 6 novembre 2026). Il fournit des API open source, indépendantes du fournisseur, et envoie les données vers des outils comme Jaeger ou Prometheus.

Le GitOps. Les principes OpenGitOps 1.0.0 en posent quatre : un état souhaité déclaratif, versionné et immuable, tiré automatiquement par des agents logiciels et réconcilié en continu avec l'état réel (OpenGitOps). Exemple concret : Argo CD tourne dans le cluster Kubernetes, compare en continu l'état réel à celui décrit dans un dépôt Git et applique lui-même les écarts (documentation d'Argo CD). Le pipeline de CI ne pousse plus rien en production : il modifie le dépôt, et l'agent tire le changement.

Mesurer les résultats : les métriques DORA

Pour savoir si une démarche DevOps fonctionne, la référence est DORA (DevOps Research and Assessment). D'abord une société indépendante fondée notamment par Nicole Forsgren, Jez Humble et Gene Kim, auteurs du livre Accelerate, DORA a été rachetée par Google en décembre 2018 et est aujourd'hui un programme de recherche de Google Cloud (annonce de DORA, 20 décembre 2018). Son guide, mis à jour le 5 janvier 2026, liste cinq métriques de livraison logicielle (guide des métriques DORA, consulté le 6 novembre 2026) :

Famille	Métrique DORA	Ce qu'elle mesure
Débit	Délai de mise en production des changements	Temps entre le commit et le déploiement en production
Débit	Fréquence de déploiement	Nombre de déploiements sur une période
Débit	Temps de rétablissement après un déploiement raté	Temps pour se remettre d'un déploiement qui exige une intervention immédiate
Instabilité	Taux d'échec des changements	Part des déploiements suivis d'un retour arrière ou d'un correctif urgent
Instabilité	Taux de reprise des déploiements	Part des déploiements non planifiés, causés par un incident en production

Quatre clés devenues cinq

Beaucoup d'articles parlent encore des « quatre métriques DORA ». C'est daté. L'historique de DORA retrace l'évolution : quatre variables en 2014, le remplacement du temps moyen de rétablissement (MTTR) par le temps de rétablissement après un déploiement raté en 2023, puis une cinquième métrique, le taux de reprise des déploiements, en 2024 (historique des métriques DORA, consulté le 6 novembre 2026).

La fiabilité est à part. Ajoutée en 2018 sous le nom de disponibilité, élargie à la fiabilité en 2021, elle relève selon DORA de la performance opérationnelle, pas de la livraison : la même page reconnaît que le rapport 2021 l'a à tort appelée « cinquième métrique ». Le changement de 2023 compte aussi : la nouvelle métrique ne retient que les échecs causés par un changement logiciel, pas les pannes externes.

Ce que dit le rapport le plus récent

Le dernier rapport listé sur dora.dev au 6 novembre 2026 est celui de 2025, consacré au développement assisté par l'IA. Google indique avoir interrogé près de 5 000 professionnels de la technologie dans le monde (blog de Google, 23 septembre 2025). L'usage de l'IA y atteint 90 %, « en hausse de 14 % » sur un an selon les termes de Google, qui ne précise pas s'il s'agit de points.

Sa conclusion, telle que la résume DORA : l'IA agit comme un amplificateur, et les meilleurs résultats viennent du système sociotechnique, c'est-à-dire de l'organisation des équipes autant que des outils.

Attention à l'homonyme. En France, « DORA » désigne aussi le règlement européen sur la résilience opérationnelle numérique du secteur financier, sans lien avec les métriques DevOps.

DevOps, SRE, platform engineering et DevSecOps

Ces quatre termes se recouvrent : les trois derniers sont des façons d'appliquer le DevOps à un problème précis.

Le SRE (Site Reliability Engineering) est né chez Google, où Benjamin Treynor Sloss a pris en 2003 la tête de l'équipe qui en est l'origine. Il le définit comme ce qui arrive quand on demande à un ingénieur logiciel de concevoir une équipe d'exploitation. Google plafonne à 50 % la part de travail d'exploitation de ses SRE pour garder du temps pour l'automatisation (livre SRE de Google). Le second livre résume la relation en une ligne : « class SRE implements interface DevOps » (The Site Reliability Workbook).

Le platform engineering construit une plateforme interne en libre-service, pour que chaque équipe produit n'ait pas à réinventer son pipeline. Le livre blanc du TAG App Delivery de la CNCF explique que l'équipe plateforme réduit le travail commun et intègre la gouvernance dans ses modèles (CNCF, livre blanc sur les plateformes, consulté le 6 novembre 2026). Le bilan de DORA est nuancé : selon le rapport 2024, une plateforme interne améliore la productivité individuelle, la performance des équipes et celle de l'organisation, mais peut aussi réduire le débit et la stabilité des changements.

Le DevSecOps intègre la sécurité à chaque étape du pipeline. Le guide DevSecOps de l'OWASP vise à introduire des contrôles de sécurité sans ralentir la livraison, avec une culture « shift-left », la sécurité traitée dès le début du cycle (OWASP DevSecOps Guideline, consulté le 6 novembre 2026). Silkhom y associe des missions concrètes : scans de vulnérabilités automatisés dans la CI/CD, audit du cloud, réponse aux incidents.

Approche	Question centrale	Indicateur typique	Livrable
DevOps	Comment livrer souvent et sans casse ?	Métriques DORA	Culture et pipeline partagés
SRE	Quel niveau de fiabilité viser ?	Objectifs de niveau de service et budget d'erreur	Service fiable, tâches manuelles réduites
Platform engineering	Comment éviter que chaque équipe refasse tout ?	Adoption de la plateforme	Plateforme interne en libre-service
DevSecOps	Comment sécuriser sans ralentir ?	Vulnérabilités détectées avant la production	Contrôles de sécurité automatisés

Pour la sécurité au sens large, notre guide des métiers de la cybersécurité détaille neuf postes.

Le métier d'ingénieur DevOps

Paradoxe : le DevOps n'est pas un poste, mais le marché recrute des ingénieurs DevOps. Ce sont des profils qui construisent les pipelines, l'infrastructure et l'observabilité, et aident les développeurs à s'en servir.

Missions et compétences

Silkhom liste comme missions la réduction des interventions humaines pour accélérer les livraisons, l'automatisation complète de la mise en production et la qualité à chaque étape. Compétences citées : Linux et Windows, Shell, Python, Bash, PowerShell, Jenkins, Ansible, Kubernetes, AWS et Azure (Silkhom). Ajoutez-y Git, Docker et un outil d'infrastructure as code.

Salaire : deux cabinets, deux méthodes

Les chiffres viennent de cabinets de recrutement et ne mesurent pas la même chose. Robert Half donne une fourchette nationale pour l'ingénieur DevOps en 2027, en percentiles (le 25e percentile est le montant sous lequel se situe un quart des salaires) : 61 000 € au 25e, 73 000 € à la médiane, 81 000 € au 75e (Robert Half, consulté le 6 novembre 2026). Son guide des salaires précise qu'il s'agit de salaires fixes, hors primes et avantages ; il ne dit pas s'ils sont bruts.

Silkhom donne des fourchettes en brut annuel fixe, tirées selon le cabinet des données de plus de 25 000 candidats entre 2019 et 2026. À Paris : 45 à 50 k€ en junior (0 à 2 ans), 50 à 60 k€ en confirmé (2 à 5 ans), 60 à 80 k€ en senior. Dans les grandes villes et en région : 38 à 45, 45 à 55 et 55 à 65 k€ (Silkhom, Salaires informatique 2026, consulté le 6 novembre 2026).

La médiane nationale de Robert Half dépasse le haut de la fourchette confirmée de Silkhom à Paris : les méthodes diffèrent trop pour trancher. Notre comparatif des salaires des développeurs confronte six sources, dont l'Apec.

Comment y arriver

Deux portes d'entrée mènent au poste d'ingénieur DevOps. Un développeur back-end qui maîtrise Git et les tests ajoute la CI/CD, Docker, puis le cloud. Un administrateur système qui maîtrise Linux et le réseau ajoute le code, l'infrastructure as code et les pipelines. Dans les deux cas, un projet personnel déployé de bout en bout pèse plus qu'une liste d'outils. Notre guide des certifications cloud aide à structurer l'apprentissage.

Cinq idées reçues sur le DevOps

« Le DevOps, c'est une équipe. » Placer une « équipe DevOps » entre Dev et Ops recrée un silo : c'est l'anti-modèle « DevOps Team Silo » décrit par Matthew Skelton et Manuel Pais (DevOps Topologies).
« Le DevOps, c'est un outil. » Jenkins, GitHub Actions ou Kubernetes servent la démarche, ils ne la remplacent pas.
« Le DevOps, c'est pour les géants du web. » Une petite équipe avec un pipeline, des tests et un déploiement automatisé applique déjà l'essentiel. Au fond, le DevOps, ce sont des boucles courtes, à n'importe quelle échelle.
« Plus vite, c'est moins stable. » Les métriques DORA mesurent débit et instabilité ensemble pour ne pas sacrifier l'un à l'autre.
« DevOps et agile, c'est pareil. » L'agile a rapproché le métier et le développement ; le DevOps prolonge ce rapprochement jusqu'à l'exploitation.

Par où commencer : une feuille de route

Plutôt que de répéter nos tutoriels, voici l'ordre dans lequel les suivre :

Étape	À apprendre	Notre tutoriel	Objectif
1	Le terminal Linux	Commandes Linux de base	Se connecter à un serveur et lire des logs
2	Git et GitHub	Git et GitHub pour débutant	Travailler par branches et pull requests
3	Docker	Docker pour débutants	Conteneuriser une petite API
4	CI/CD	GitHub Actions	Tester et publier à chaque push
5	Mise en production	Nginx et Docker Compose	Servir l'API en HTTPS
6	Cloud	Hébergement cloud pour développeurs	Choisir où héberger
7	Orchestration	Kubernetes pour débutants	Comprendre pods, services et déploiements

Ajoutez ensuite Terraform ou OpenTofu, et OpenTelemetry sur votre projet. Puis mesurez votre fréquence de déploiement : c'est la plus simple des métriques DORA à mesurer pour commencer.

Glossaire DevOps

Terme	Définition courte
CI (intégration continue)	Fusionner et tester automatiquement chaque changement
CD (livraison ou déploiement continu)	Rendre chaque version prête à partir en production, ou l'y envoyer automatiquement
Pipeline	Suite d'étapes automatisées entre le commit et la production
Artefact	Paquet ou image produit par le build, celui qu'on déploie
Infrastructure as code (IaC)	Infrastructure décrite dans des fichiers versionnés
Fork	Copie indépendante d'un projet open source, qui évolue de son côté
Orchestrateur	Outil qui place, redémarre et dimensionne les conteneurs, comme Kubernetes
Observabilité	Comprendre un système par ses logs, métriques et traces
GitOps	Déploiement piloté par l'état décrit dans Git
SLO	Objectif de niveau de service, par exemple un taux de disponibilité
Budget d'erreur	Marge d'indisponibilité tolérée par le SLO
Toil	Travail d'exploitation manuel et répétitif, à automatiser
Percentile	Seuil sous lequel se situe une part donnée des valeurs
Post-mortem	Analyse d'incident sans recherche de coupable

Ce que nous n'avons pas pu vérifier

Qui a inventé le mot. Des sources secondaires l'attribuent à Patrick Debois, parfois avec Andrew Clay Shafer. Le billet de Debois que nous citons ne nomme pas Shafer, et nous n'avons pas trouvé de source primaire qui tranche.
La date exacte de la première devopsdays. Le site officiel donne l'année et la ville, pas le jour. Le lieu exact de Velocity 2009 n'est pas indiqué dans les sources lues.
Le détail des rapports DORA 2024 et 2025. Nous avons lu les pages de DORA et la présentation de Google, pas les rapports complets. Aucun rapport DORA 2026 n'était publié au 6 novembre 2026.
La méthode des cabinets. Robert Half ne dit pas si ses montants sont bruts ni combien de profils il observe. Leurs chiffres sont des repères.

Questions fréquentes

Un ingénieur DevOps, c'est quoi exactement ?

C'est un ingénieur qui automatise la construction, les tests, le déploiement et la surveillance des applications, et qui gère l'infrastructure sous forme de code. Selon Silkhom, sa mission est de réduire les interventions humaines pour accélérer les livraisons. Ingénieur plateforme, ingénieur cloud ou SRE : ces postes recouvrent des missions proches.

DevOps et SRE, c'est quoi la différence ?

Le DevOps est une démarche générale, le SRE une façon précise de l'appliquer, née chez Google, centrée sur la fiabilité mesurée par des objectifs de niveau de service et des budgets d'erreur. Le livre de Google le résume par « class SRE implements interface DevOps ».

Le DevOps cloud, c'est quoi ?

C'est l'application des pratiques DevOps à une infrastructure louée chez un fournisseur cloud : ressources créées par code, déploiements automatisés, facturation à l'usage. Le cloud facilite le DevOps sans être obligatoire. Notre comparatif AWS, Azure et Google Cloud aide à choisir.

Faut-il savoir coder pour faire du DevOps ?

Oui, au moins des scripts : pipelines CI/CD, infrastructure as code et automatisation sont du code. Silkhom cite Shell, Python, Bash et PowerShell parmi les compétences attendues. Pas besoin d'être développeur senior, mais il faut lire, écrire et versionner du code chaque jour.

À propos de l'auteur

Méthode. Synthèse fondée exclusivement sur des sources publiques consultées le 6 novembre 2026 : pages de DORA et de Google, livres SRE de Google, textes de Patrick Debois, John Allspaw, John Willis et Gene Kim, documentation d'OWASP, de la CNCF, d'OpenTelemetry, d'OpenGitOps, d'Argo CD, d'OpenTofu et de HashiCorp, grilles de salaires de Robert Half et de Silkhom. Les chiffres des cabinets de recrutement sont signalés comme tels. Les citations en anglais sont traduites par nos soins. Aucun test n'a été mené, aucun lien n'est affilié et aucune relation commerciale ne lie l'auteur aux éditeurs mentionnés.

Une erreur ou un chiffre périmé ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 6 novembre 2026.

Images : airfocus et Eden Constantino (Unsplash License).

HTML CSS débutant : le cours pas à pas, un mini-projet et 8 exercices corrigés

Neurau Tech — Fri, 06 Nov 2026 10:23:40 +0000

L'essentiel en une minute

Ce cours HTML CSS débutant part de zéro et va jusqu'à une page publiée : structure, mise en forme, Flexbox, Grid, responsive, accessibilité et validation, puis huit exercices corrigés et un plan de quatre semaines.

HTML et CSS restent un passage obligé. Dans l'enquête 2026 de Stack Overflow, 58,2 % des 14 099 répondants disent avoir beaucoup développé avec HTML/CSS au cours de l'année écoulée, juste derrière JavaScript (62,0 %) et SQL (58,4 %), et devant Python (58,0 %) et TypeScript (43,8 %) (Stack Overflow Developer Survey 2026, consulté le 5 novembre 2026).

Points clés

HTML décrit le contenu, CSS son apparence. Quelques jours de HTML sémantique d'abord, puis les deux ensemble.

Deux outils gratuits suffisent : Visual Studio Code et les DevTools du navigateur.

Flexbox aligne sur un axe, Grid sur deux. Une media query adapte la page aux petits écrans.

:has(), l'imbrication CSS et les container queries sont « Baseline Widely available » selon MDN.

Le mini-projet est passé sans erreur aux validateurs HTML et CSS du W3C le 5 novembre 2026.

HTML et CSS : qui fait quoi

HTML structure le contenu, CSS le met en forme. Le parcours de MDN, la documentation web de Mozilla, les enseigne dans cet ordre : « Structurer le contenu avec HTML », puis « Bases de la mise en forme CSS » (MDN, modules fondamentaux, consulté le 5 novembre 2026).

	HTML	CSS
Rôle	Dire ce qu'est chaque contenu : titre, paragraphe, lien, formulaire	Dire à quoi il ressemble : couleurs, tailles, espacements, disposition
Unité de base	La balise, par exemple `<h1>` ou `<a>`	La règle : un sélecteur et des déclarations
Fichier	`index.html`	`style.css`, relié par `<link>`

JavaScript ajoute ensuite le comportement ; c'est la suite logique, détaillée dans notre guide pour apprendre JavaScript.

Les outils : VS Code et les DevTools

Un éditeur de code et un navigateur suffisent. Visual Studio Code est « gratuit pour un usage privé ou commercial », selon sa FAQ, qui précise qu'il est « construit » sur le code open source Code - OSS (licence MIT) mais distribué sous licence Microsoft (notre traduction) (FAQ de VS Code, consultée le 5 novembre 2026). Trois réglages utiles :

Le raccourci Emmet. Tapez ! puis Tab dans un fichier .html vide : VS Code écrit le squelette de la page.
Une extension d'aperçu. Un serveur local recharge la page à chaque sauvegarde ; notre sélection d'extensions VS Code en compare plusieurs.
Le formatage automatique. « Format On Save » garde une indentation propre.

Les DevTools sont l'autre moitié de l'outillage. Dans Chrome, Ctrl + Maj + C sous Windows et Linux, ou Cmd + Option + C sur Mac, ouvre le panneau Elements en mode inspection ; un clic droit puis « Inspecter » fait la même chose (Chrome for Developers, consulté le 5 novembre 2026). Vous y voyez le HTML réel, les règles appliquées, celles qui sont barrées et le schéma du modèle de boîte.

La structure d'une page HTML

Toute page commence par le même squelette. Voici la version minimale que nous avons fait passer au validateur du W3C :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Ma première page</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <nav aria-label="Navigation principale">
      <a href="#apropos">À propos</a>
    </nav>
  </header>
  <main>
    <section id="apropos">
      <h1>Bonjour</h1>
      <p>Ma première page en HTML et CSS.</p>
    </section>
  </main>
  <footer>
    <p>Contact : moi@example.com</p>
  </footer>
</body>
</html>

<!DOCTYPE html> active le mode standard, lang="fr" annonce la langue aux lecteurs d'écran, charset évite les accents cassés, et la balise viewport cale la page sur la largeur de l'écran. Sans elle, un mobile peut rendre la page dans une fenêtre virtuelle plus large, 980 pixels dans l'exemple de MDN, puis la réduire : vos media queries pour petit écran ne se déclenchent pas.

Les balises sémantiques décrivent le rôle de chaque zone : <header> (en-tête), <nav> (navigation), <main> (contenu principal, un seul par page), <section> (partie thématique avec titre), <article> (contenu autonome) et <footer> (pied de page). Un <div> ne dit rien de son contenu : gardez-le pour la mise en forme.

Texte, liens, images, listes, tableaux et formulaires

Les titres et le texte. <h1> à <h6> forment un plan, sans sauter de niveau. <p> crée un paragraphe, <strong> marque une importance.

Les liens. <a href="#contact"> pointe vers une ancre de la page, une adresse complète vers une autre page. Le texte du lien doit avoir un sens seul : jamais « cliquez ici ».

Les images. alt décrit l'image pour qui ne la voit pas ; une image décorative reçoit alt="". width et height évitent que la page saute au chargement.

Les listes. <ul> à puces, <ol> ordonnée, chaque élément dans un <li>.

Les tableaux. Pour des données, jamais pour la mise en page. <caption> donne le titre, <th scope="col"> les en-têtes.

Les formulaires. Chaque champ a un <label> relié par for et id. Le bon type (email, tel) affiche le bon clavier sur mobile ; required bloque un envoi vide.

<form action="/inscription" method="post">
  <label for="courriel">E-mail (obligatoire)</label>
  <input id="courriel" name="courriel" type="email" autocomplete="email" required>
  <button type="submit">S'inscrire</button>
</form>

Les bases de CSS : sélecteurs, cascade et spécificité

Une règle CSS associe un sélecteur à des déclarations. Le sélecteur choisit les éléments, chaque déclaration fixe une propriété :

p {
  color: #1f2937;
  line-height: 1.6;
}

Les sélecteurs de base : la balise (p), la classe (.carte), l'identifiant (#contact), le descendant (nav a) et les pseudo-classes comme :hover. Préférez les classes : elles se réutilisent.

Quand deux règles visent le même élément, la cascade tranche. MDN la résume en trois critères, du moins fort au plus fort : l'ordre dans le code (à égalité, la dernière règle gagne), la spécificité, puis !important (MDN, gestion des conflits, page modifiée le 6 octobre 2026, consultée le 5 novembre 2026).

La spécificité se lit en trois colonnes : identifiants, classes (avec attributs et pseudo-classes), éléments. Les colonnes se comparent de gauche à droite, et un seul identifiant bat n'importe quel nombre de classes, d'après la même page.

Sélecteur	Identifiants	Classes	Éléments	Score
`a`	0	0	1	0-0-1
`.menu a:hover`	0	2	1	0-2-1
`#menu a`	1	0	1	1-0-1

Le panneau Styles des DevTools barre les règles perdantes : c'est le moyen le plus rapide de comprendre pourquoi une couleur ne s'applique pas. Évitez !important.

Modèle de boîte, unités, couleurs et polices

Chaque élément est une boîte : contenu, padding (marge intérieure), border, puis margin (marge extérieure). Par défaut, width ne compte que le contenu ; avec box-sizing: border-box, elle inclut padding et bordure, ce qui rend les calculs prévisibles.

Les unités changent le comportement de la page :

Unité	Relative à	Usage typique
`px`	Rien, valeur fixe	Bordures fines
`rem`	Taille de police de la racine (`html`)	Tailles de texte, espacements
`%`	Dimension du parent	Largeurs fluides
`vw`, `vh`	1 % de la largeur, de la hauteur de la fenêtre	Titres fluides, toujours combinés à `rem`

Utilisez rem pour le texte : si le lecteur agrandit sa police, la page suit. N'écrivez jamais une taille de texte en vw seul : elle ne grossit pas avec le zoom, alors que le critère WCAG 1.4.4 demande un texte agrandissable jusqu'à 200 %. clamp(1.75rem, 4vw, 2.5rem) combine un minimum en rem, une valeur fluide et un maximum.

Pour les couleurs, l'hexadécimal (#1d4ed8) suffit ; rangez-les dans des variables (--accent dans :root, puis var(--accent)). Pour les polices, font-family: system-ui, sans-serif utilise la police du système, sans téléchargement.

Flexbox et Grid : la mise en page

Flexbox aligne des éléments sur un axe, Grid les place sur deux. Une barre de navigation est un cas typique de Flexbox :

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

justify-content répartit sur l'axe principal, align-items aligne sur l'axe secondaire, gap fixe l'espacement. flex-wrap: wrap autorise le retour à la ligne.

Une grille de cartes est un cas typique de Grid :

.cartes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

L'unité fr partage l'espace libre, mais une colonne 1fr ne descend pas sous la largeur de son contenu le plus long : écrivez repeat(3, minmax(0, 1fr)) si un mot ou une image trop large déforme la grille. Retenez : Flexbox pour une rangée de liens, Grid pour une galerie ou une page.

Le responsive design avec les media queries

Une page responsive s'adapte à la largeur de l'écran. Partez du mobile : une colonne par défaut, plus de colonnes quand la place le permet.

.cartes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 48rem) {
  .cartes {
    grid-template-columns: repeat(3, 1fr);
  }
}

Sous 48rem, soit 768 pixels avec la taille de police par défaut, les cartes s'empilent ; au-delà, elles passent sur trois colonnes. Nous avons vérifié ce comportement sur le mini-projet : une colonne à 375 pixels de large, trois à 1 280 pixels, et aucun défilement horizontal dans les deux cas.

Complétez avec max-width: 100%; height: auto; sur les images : la première déclaration empêche l'image de déborder, la seconde recalcule la hauteur pour garder ses proportions malgré les attributs width et height. Testez ensuite plusieurs largeurs avec le mode appareil des DevTools.

Le CSS moderne et son statut Baseline

Baseline est l'étiquette commune de web.dev et MDN pour savoir si une fonction CSS est utilisable partout. Une fonction est « Newly available » quand elle marche dans tous les navigateurs du socle : Chrome, Edge, Firefox et Safari, sur ordinateur et sur mobile. Elle devient « Widely available » 30 mois plus tard (web.dev, Baseline, consulté le 5 novembre 2026).

Trois fonctions modernes ont ce statut, d'après les bandeaux de MDN relevés le 5 novembre 2026 :

Fonction	À quoi elle sert	Statut sur MDN	Disponible partout depuis
`@container`	Adapter un composant à son conteneur	Widely available	Février 2023
`:has()`	Cibler un élément selon son contenu	Widely available	Décembre 2023
Imbrication `&`	Imbriquer des règles sans outil	Widely available	Décembre 2023

MDN précise pour @container et l'imbrication que certaines parties peuvent avoir un support variable. Le mini-projet utilise l'imbrication pour ranger les styles de la navigation dans l'en-tête :

.site-header {
  display: flex;

  a {
    color: var(--accent);
  }
}

Et :has() change la couleur du bouton tant qu'un champ du formulaire est invalide, sans une ligne de JavaScript :

form:has(:invalid) button {
  background: #4b5563;
}

Le bouton reste gris tant que le nom est vide ou que l'e-mail est invalide, et devient bleu quand les deux champs obligatoires sont valides : nous l'avons vérifié avec un test Playwright décrit plus bas. Ce gris n'est qu'un indice : le bouton reste cliquable, et c'est la validation native du navigateur qui bloque l'envoi (vérifié : la page ne change pas et le champ passe en invalide). La couleur ne porte pas seule l'information (critère WCAG 1.4.1) : les labels indiquent « (obligatoire) ».

Accessibilité : les bases dès le premier jour

Une page accessible se lit au clavier, au lecteur d'écran et avec une vue faible. La référence est WCAG 2.2, recommandation du W3C depuis le 5 octobre 2023, dont la version en vigueur date du 12 décembre 2024 (historique des publications du W3C et texte de WCAG 2.2, consultés le 5 novembre 2026). Quatre règles de base :

Le contraste. Le critère 1.4.3 demande un rapport d'au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte, d'après la même norme.
Les labels. Chaque champ a un <label> visible et relié, qui signale aussi les champs obligatoires, par exemple « Nom (obligatoire) » (critère 3.3.2).
Le focus visible. Ne supprimez jamais outline sans le remplacer : le critère 2.4.7 exige un indicateur de focus visible au clavier, et le 2.4.11, nouveau en 2.2, interdit que l'élément qui a le focus soit entièrement caché par un contenu de la page, comme un bandeau fixe. Le critère 2.5.8 fixe aussi une cible d'au moins 24 x 24 pixels CSS, sauf exceptions.
Les titres et les images. Des titres sans saut de niveau, un alt sur chaque image utile.

Le mini-projet applique la règle suivante, et notre test au clavier confirme un contour bleu de 3 pixels sur le premier lien atteint avec Tab :

a:focus-visible,
input:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

Nos calculs avec la formule du W3C pour le mini-projet : texte #1f2937 sur blanc, 14,68:1 ; liens #1d4ed8 sur #f3f4f6, 6,09:1 ; blanc sur le bouton bleu, 6,7:1, et sur le gris, 7,56:1. Notre première version grisait le bouton avec opacity, ce qui pâlissait le texte : une couleur de fond sombre règle le problème.

Le mini-projet, validé par le W3C

Le projet final est une page de présentation de développeur junior : navigation, trois cartes, un tableau et un formulaire. Nous l'avons écrit puis vérifié le 5 novembre 2026 :

Validateur HTML du W3C (Nu Html Checker 26.11.5) : zéro erreur, zéro avertissement.
Validateur CSS du W3C (profil CSS3 + SVG) : zéro erreur, imbrication comprise.
Rendu avec Playwright dans Chrome 156, Edge 156 et Chromium 120, à 1 280 et 375 pixels : trois colonnes puis une, sans défilement horizontal ni erreur de console.
Test du formulaire, dans les trois mêmes navigateurs : bouton gris (#4b5563) avec les champs vides puis avec l'e-mail « lea », bleu (#1d4ed8) avec un e-mail valide ; clic sur « Envoyer » avec le nom vidé : la page ne change pas et le champ est invalide. Une pression sur Tab donne au premier lien un contour plein de 3 pixels décalé de 2 pixels.

Le fichier index.html :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Léa Martin, développeuse web junior</title>
  <meta name="description" content="Page de présentation de Léa Martin, développeuse web junior.">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header class="site-header">
    <p class="logo">Léa Martin</p>
    <nav aria-label="Navigation principale">
      <ul>
        <li><a href="#projets">Projets</a></li>
        <li><a href="#competences">Compétences</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <section class="intro">
      <h1>Développeuse web junior</h1>
      <p>J'apprends HTML et CSS depuis quatre semaines. Voici mes premiers projets.</p>
    </section>

    <section id="projets">
      <h2>Projets</h2>
      <div class="cartes">
        <article class="carte">
          <img src="img/recette.jpg" alt="Aperçu de la page de recette" width="600" height="400">
          <h3>Page de recette</h3>
          <p>Titres, listes et image avec texte alternatif.</p>
        </article>
        <article class="carte">
          <img src="img/horaires.jpg" alt="Aperçu du tableau d'horaires" width="600" height="400">
          <h3>Tableau d'horaires</h3>
          <p>Un tableau avec en-têtes et légende.</p>
        </article>
        <article class="carte">
          <img src="img/formulaire.jpg" alt="Aperçu du formulaire d'inscription" width="600" height="400">
          <h3>Formulaire d'inscription</h3>
          <p>Chaque champ a son label.</p>
        </article>
      </div>
    </section>

    <section id="competences">
      <h2>Compétences</h2>
      <table>
        <caption>Ce que je sais faire après un mois</caption>
        <thead>
          <tr><th scope="col">Domaine</th><th scope="col">Niveau</th></tr>
        </thead>
        <tbody>
          <tr><td>HTML sémantique</td><td>À l'aise</td></tr>
          <tr><td>Flexbox et Grid</td><td>En progrès</td></tr>
        </tbody>
      </table>
    </section>

    <section id="contact">
      <h2>Contact</h2>
      <form action="https://example.com/contact" method="post">
        <label for="nom">Nom (obligatoire)</label>
        <input id="nom" name="nom" type="text" autocomplete="name" required>
        <label for="email">E-mail (obligatoire)</label>
        <input id="email" name="email" type="email" autocomplete="email" required>
        <label for="message">Message</label>
        <textarea id="message" name="message" rows="4"></textarea>
        <button type="submit">Envoyer</button>
      </form>
    </section>
  </main>

  <footer>
    <p>&copy; 2026 Léa Martin</p>
  </footer>
</body>
</html>

Le fichier style.css :

:root {
  --texte: #1f2937;
  --fond: #ffffff;
  --accent: #1d4ed8;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--texte);
  background: var(--fond);
}

.site-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 5%;
  background: #f3f4f6;

  ul {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  a {
    color: var(--accent);
  }
}

.logo {
  margin: 0;
  font-weight: 700;
}

main {
  max-width: 60rem;
  margin: 0 auto;
  padding: 0 5%;
}

.intro h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.cartes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.carte {
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  padding: 1rem;
}

.carte img {
  max-width: 100%;
  height: auto;
  border-radius: 0.25rem;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  border: 1px solid #d1d5db;
  padding: 0.5rem;
  text-align: left;
}

form {
  display: grid;
  gap: 0.5rem;
  max-width: 30rem;
}

input,
textarea {
  font: inherit;
  padding: 0.5rem;
  border: 1px solid #6b7280;
  border-radius: 0.25rem;
}

a:focus-visible,
input:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

form:has(:invalid) button {
  background: #4b5563;
}

button {
  justify-self: start;
  padding: 0.5rem 1.25rem;
  font: inherit;
  color: #ffffff;
  background: var(--accent);
  border: 0;
  border-radius: 0.25rem;
  cursor: pointer;
}

footer {
  margin-top: 3rem;
  padding: 1rem 5%;
  text-align: center;
  background: #f3f4f6;
}

@media (min-width: 48rem) {
  .cartes {
    grid-template-columns: repeat(3, 1fr);
  }
}

Un détail de cascade à remarquer : la règle form:has(:invalid) button est placée avant button, mais elle gagne quand même. :has() prend la spécificité de son argument le plus spécifique, ici :invalid : la règle vaut 0-1-2 et dépasse button (0-0-1). Pour valider votre propre page, collez-la sur validator.w3.org/nu ; la page de présentation du validateur rappelle que l'outil est un vérificateur, pas une certification.

Publier sa première page

GitHub Pages publie gratuitement un site statique depuis un dépôt public. La documentation de GitHub décrit la marche à suivre : créer un dépôt nommé <votre-identifiant-github>.github.io, y placer index.html à la racine, choisir la branche de publication dans Settings, puis Pages, et attendre la construction, qui peut prendre jusqu'à dix minutes (GitHub Docs, consulté le 5 novembre 2026).

Avec l'offre GitHub Free, le dépôt doit être public, selon la même page : n'y mettez aucune donnée personnelle. Si Git vous est encore étranger, notre guide Git et GitHub pour débutant va de la première commande au premier dépôt en ligne. Une page publiée devient ensuite la première brique d'un portfolio de développeur.

Exercices HTML CSS débutant corrigés

Faites chaque exercice avant de lire la correction. Le 5 novembre 2026, tous les blocs de code de l'article sont passés aux validateurs HTML et CSS du W3C sans erreur, les extraits HTML étant insérés dans une page complète.

Exercice 1 : le squelette

Écrivez une page minimale en français, avec un titre d'onglet « Exercice 1 », la balise viewport et un <h1>.

Correction.

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Exercice 1</title>
</head>
<body>
  <h1>Ma première page</h1>
</body>
</html>

Oubli classique : lang="fr". Nous avons retiré cet attribut et repassé la page au validateur du W3C : il répond par un avertissement qui conseille de déclarer la langue.

Exercice 2 : une recette

Créez une recette avec un titre, une image, une liste d'ingrédients non ordonnée et des étapes numérotées.

Correction.

<article>
  <h2>Crêpes</h2>
  <img src="crepes.jpg" alt="Pile de crêpes dorées dans une assiette" width="600" height="400">
  <h3>Ingrédients</h3>
  <ul>
    <li>250 g de farine</li>
    <li>4 œufs</li>
    <li>50 cl de lait</li>
  </ul>
  <h3>Étapes</h3>
  <ol>
    <li>Mélanger la farine et les œufs.</li>
    <li>Ajouter le lait petit à petit.</li>
  </ol>
</article>

Exercice 3 : un tableau d'horaires

Affichez les horaires d'une bibliothèque sur trois jours, avec une légende et des en-têtes.

Correction.

<table>
  <caption>Horaires de la bibliothèque</caption>
  <thead>
    <tr><th scope="col">Jour</th><th scope="col">Ouverture</th><th scope="col">Fermeture</th></tr>
  </thead>
  <tbody>
    <tr><th scope="row">Lundi</th><td>9 h</td><td>18 h</td></tr>
    <tr><th scope="row">Mardi</th><td>9 h</td><td>18 h</td></tr>
    <tr><th scope="row">Samedi</th><td>10 h</td><td>13 h</td></tr>
  </tbody>
</table>

Exercice 4 : un formulaire accessible

Créez un formulaire avec un nom obligatoire, un e-mail obligatoire et une liste déroulante de sujets.

Correction.

<form action="/contact" method="post">
  <label for="nom-ex">Nom (obligatoire)</label>
  <input id="nom-ex" name="nom" type="text" required>
  <label for="mail-ex">E-mail (obligatoire)</label>
  <input id="mail-ex" name="email" type="email" required>
  <label for="sujet">Sujet</label>
  <select id="sujet" name="sujet">
    <option>Question</option>
    <option>Devis</option>
  </select>
  <button type="submit">Envoyer</button>
</form>

Chaque for vise un id unique : le lecteur d'écran annonce ainsi le champ.

Exercice 5 : le modèle de boîte

Une boîte a width: 300px, padding: 20px et border: 2px solid. Quelle largeur occupe-t-elle à l'écran ?

Correction. En content-box (par défaut) : 300 + 2 × 20 + 2 × 2 = 344 pixels. En border-box : 300 pixels, dont 256 de contenu.

Exercice 6 : la spécificité

Le lien <a> est dans <nav id="menu" class="nav">. De quelle couleur est-il ?

#menu a { color: green; }
.nav a { color: red; }
a { color: blue; }

Correction. Vert. #menu a vaut 1-0-1, .nav a 0-1-1 et a 0-0-1. L'ordre du code ne joue qu'à spécificité égale.

Exercice 7 : une navigation en Flexbox

Placez un logo à gauche et trois liens à droite, centrés verticalement.

Correction.

<header class="site-header">
  <p class="logo">Léa Martin</p>
  <nav aria-label="Navigation principale">
    <ul>
      <li><a href="#projets">Projets</a></li>
      <li><a href="#competences">Compétences</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </nav>
</header>

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.site-header ul {
  display: flex;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

list-style: none retire les puces, margin: 0 et padding: 0 suppriment le retrait par défaut de la liste.

Exercice 8 : une galerie responsive

Affichez six images sur une colonne sur mobile, deux à partir de 40rem et trois à partir de 64rem.

Correction.

.galerie {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 40rem) {
  .galerie {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 64rem) {
  .galerie {
    grid-template-columns: repeat(3, 1fr);
  }
}

Un plan d'apprentissage en 4 semaines

Quatre semaines à raison d'une heure par jour suffisent pour publier une première page propre. Ce plan est une proposition de notre part, pas une norme : adaptez-le à votre rythme.

Semaine	Objectif	Livrable
1	Structure, balises sémantiques, texte, liens, images	Exercices 1 et 2
2	Tableaux, formulaires, sélecteurs, cascade	Exercices 3, 4 et 6
3	Modèle de boîte, Flexbox, Grid, media queries	Exercices 5, 7 et 8
4	Accessibilité, validation, publication	Le mini-projet en ligne

Écrivez le code vous-même, sans copier-coller. Ensuite, ajoutez JavaScript puis un framework (notre comparatif React vs Vue aide à choisir), ou visez un premier emploi avec notre guide de la reconversion en développeur web.

Les cours gratuits pour continuer

Les quatre ressources ci-dessous sont gratuites au 5 novembre 2026 ; aucune n'a été suivie de bout en bout pour cet article.

Ressource	Gratuit ?	Langue	Format	Ce qui la distingue
MDN, modules fondamentaux	Oui, sans compte	Français et anglais	Textes et exemples	Module accessibilité dédié
OpenClassrooms, Créez votre site web avec HTML5 et CSS3	Oui, « cours en libre accès »	Français	Cours de 15 heures, quiz	Corrigés sur GitHub, selon la page du cours
freeCodeCamp	Oui, le site s'annonce « Learn to Code for Free »	Anglais	Non vérifié	Programme non lu (voir plus bas)
web.dev, Learn CSS et Learn HTML	Oui, sans compte	Anglais	Modules de cours	Couvre le CSS moderne, dont l'imbrication

MDN se décrit comme une plateforme « gratuite, de grande qualité et complète » (notre traduction) (MDN, à propos, consulté le 5 novembre 2026). La fiche d'OpenClassrooms indique 15 heures, un niveau facile et une mise à jour du 7 octobre 2026.

Vous cherchez un cours HTML CSS en PDF ? Celui de Pierre Giraud se dit « 100 % gratuit » et propose un PDF, mais affiche un millésime 2020, et nous n'avons trouvé dans son sommaire ni :has() ni les container queries (Pierre Giraud, consulté le 5 novembre 2026). Cet article s'imprime aussi : Imprimer, puis Enregistrer au format PDF.

Ce que nous n'avons pas pu vérifier

Ce cours HTML CSS débutant s'appuie sur des sources publiques et sur un mini-projet exécuté. Restent ces limites :

Le rendu dans Firefox et Safari. Mini-projet testé seulement dans des navigateurs à moteur Chromium : Chrome 156 et Edge 156 installés sur le poste, et le Chromium 120 fourni avec Playwright 1.40, une version ancienne.
Le programme de freeCodeCamp. Ses pages se chargent en JavaScript ; seule la mention « Learn to Code for Free » a été lue.
Le prix éventuel du PDF de Pierre Giraud. Un montant lu le 2 novembre n'a pas été retrouvé le 5 novembre 2026.
La durée réelle d'apprentissage. Le plan de quatre semaines est une proposition, non une mesure.
La publication sur GitHub Pages. Non effectuée ; la procédure vient de la documentation de GitHub.

Questions fréquentes

Combien de temps pour apprendre HTML et CSS ?

Quelques semaines de pratique régulière pour les bases. Le cours d'OpenClassrooms annonce 15 heures ; notre plan propose quatre semaines à une heure par jour jusqu'à une page publiée.

Faut-il apprendre HTML avant CSS ?

Oui, de quelques jours de HTML sémantique, puis les deux ensemble. CSS met en forme un HTML existant, et le parcours de MDN suit cet ordre.

HTML et CSS sont-ils des langages de programmation ?

Non. HTML est un langage de balisage et CSS un langage de feuilles de style, sans boucles ni logique de programme. Ils restent la base du web : 58,2 % des répondants de l'enquête Stack Overflow 2026 disent avoir beaucoup développé avec HTML/CSS dans l'année écoulée.

Où trouver un cours HTML CSS gratuit en français ?

MDN, en français et sans compte, et le cours en libre accès d'OpenClassrooms. freeCodeCamp et web.dev Learn sont gratuits aussi, mais en anglais.

À propos de l'auteur

Méthode. Synthèse de la documentation de MDN, web.dev, du W3C, de GitHub et de Chrome for Developers, consultée le 5 novembre 2026. Tests effectués, et seulement ceux-là : les quatre vérifications listées dans la section du mini-projet, plus le passage de tous les blocs de code aux validateurs du W3C, dont une variante sans lang. Les contrastes sont calculés avec la formule du W3C. Citations anglaises traduites par nos soins. Aucun lien affilié, aucune relation commerciale avec les plateformes citées.

Une erreur ou une information périmée ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 5 novembre 2026.

Image d'en-tête : Jakub Żerdzicki (Unsplash License). Capture du mini-projet et graphiques : NeurauTech.

PostgreSQL vs MySQL en 2026 : versions, syntaxe, index et grille de choix

Neurau Tech — Fri, 06 Nov 2026 10:23:38 +0000

La réponse courte

Le match PostgreSQL vs MySQL ne se gagne pas sur la vitesse brute : les deux moteurs sont relationnels, transactionnels et libres. Ils se séparent sur la richesse fonctionnelle, la licence, les transactions par défaut et l'écosystème : PostgreSQL offre plus de types, d'index et d'extensions ; MySQL et MariaDB restent les bases exigées par WordPress.

Cet article synthétise des sources publiques lues le 5 novembre 2026, sans test ni benchmark de notre part.

Points clés

Versions stables au 5 novembre 2026 : PostgreSQL 18.6 (la 19 est en release candidate depuis le 15 octobre) et MySQL 9.7 LTS, avec MySQL 26.10 en version Innovation depuis le 20 octobre.

PostgreSQL est sous une licence permissive de type BSD ou MIT ; MySQL est sous GPLv2 ou sous licence commerciale d'Oracle.

Par défaut, PostgreSQL travaille en Read Committed et InnoDB en Repeatable Read : le même code peut donc voir des données différentes.

Pour l'IA, pgvector apporte la recherche vectorielle indexée à PostgreSQL ; dans MySQL Community, le type VECTOR existe, mais pas la fonction DISTANCE().

Aucun des deux n'est « plus rapide » en général : mesurez sur votre propre charge.

Versions et politiques de support

Côté PostgreSQL, la politique de versions officielle indique qu'une version majeure, publiée environ une fois par an, est « supportée 5 ans » (notre traduction), avec une mineure de correctifs au moins tous les trois mois. Le 5 novembre 2026, elle liste cinq versions maintenues, de la 14 à la 18 ; en voici trois :

Version	Dernière mineure	Sortie	Fin de support
PostgreSQL 18	18.6	25 septembre 2025	14 novembre 2030
PostgreSQL 17	17.11	26 septembre 2024	8 novembre 2029
PostgreSQL 14	14.24	30 septembre 2021	12 novembre 2026

Ces mineures sont sorties ensemble le 13 août 2026 (annonce de 18.6, 17.11, 16.15, 15.19 et 14.24). PostgreSQL 19, prévu en octobre 2026 par la feuille de route, en est à la release candidate 1 du 15 octobre.

Côté MySQL, le manuel de référence 9.7 décrit deux pistes : les séries LTS (8.4 et 9.7) ont « 5 ans de support premier et 3 ans de support étendu » (notre traduction), une version Innovation n'est supportée que jusqu'à la suivante.

Après 9.7, MySQL passe à une numérotation calendaire AA.M : 26.7 désigne juillet 2026, et les notes de version datent MySQL 26.10.0 du 20 octobre 2026.

Et MariaDB ? C'est un fork de MySQL lancé par ses développeurs d'origine, qui reste sous GPLv2 (MariaDB Foundation). Sa politique de maintenance prévoit une LTS par an, maintenue trois ans en binaires communautaires ; la LTS actuelle, 12.3, est sortie le 28 mai 2026. Compatible pour le SQL courant, il diverge de MySQL sur de nombreux points : testez avant de substituer l'un à l'autre.

Licences : liberté totale contre double licence

PostgreSQL est publié sous la PostgreSQL License, « une licence open source libérale, similaire aux licences BSD ou MIT » (notre traduction). Vous pouvez l'intégrer à un produit fermé en conservant la mention de copyright.

MySQL appartient à Oracle et suit un modèle de double licence. Selon la page de licences d'Oracle, le serveur et les bibliothèques clientes sont disponibles sous GPLv2 et sous licence commerciale ; toujours selon Oracle, un éditeur qui distribue MySQL avec un logiciel dont il ne publie pas le code doit signer un contrat commercial.

Les obligations dépendent de la façon dont votre logiciel est lié à MySQL et distribué : une application web qui s'y connecte depuis votre serveur ne distribue pas MySQL. Pour un produit livré chez des clients, faites valider le montage par un juriste.

Conformité au standard SQL

PostgreSQL vise le standard le plus récent : sa documentation indique qu'il prend en charge au moins 170 des 177 fonctionnalités obligatoires de SQL:2023 Core ; aucun système ne revendique une conformité complète.

MySQL vise la conformité « sans sacrifier la vitesse ni la fiabilité » (notre traduction) et assume de nombreuses extensions, selon son manuel.

Un développeur formé au SQL standard, par exemple avec notre cours SQL pour débutant, retrouve donc plus vite ses repères dans PostgreSQL.

Types de données : JSON, tableaux, UUID, enums

JSON contre JSONB. C'est ici que PostgreSQL prend le plus d'avance. Il distingue json, copie exacte du texte, et jsonb, binaire, « nettement plus rapide à traiter » et indexable : sa documentation recommande jsonb dans la plupart des cas.

MySQL a un seul type JSON, lui aussi binaire, mais d'après son manuel, une colonne JSON ne s'indexe pas directement : on passe par une colonne générée ou un index multi-valeurs.

Type	PostgreSQL 18	MySQL 9.7
JSON	`json` et `jsonb`, index GIN sur `jsonb`	`JSON` binaire, index via colonne générée ou multi-valeurs
Tableaux	Natifs (`integer[]`, `text[]`)	Pas de type tableau, on passe par `JSON`
UUID	Type `uuid`, fonction `uuidv7()` depuis la 18	Pas de type dédié : `UUID()` et `UUID_TO_BIN()` vers `BINARY(16)`
Enum	`CREATE TYPE ... AS ENUM`, réutilisable	`ENUM(...)` déclaré colonne par colonne
Booléen	Type `boolean` réel	`BOOLEAN` est un synonyme de `TINYINT(1)`

Sources : annonce de PostgreSQL 18 pour uuidv7(), qui génère des UUID ordonnés dans le temps, et manuel MySQL pour les booléens.

Index : la boîte à outils de PostgreSQL contre InnoDB

PostgreSQL propose six types d'index intégrés (documentation), là où InnoDB s'appuie surtout sur le B-tree :

B-tree, le type par défaut, pour l'égalité et les intervalles.
Hash, limité aux comparaisons d'égalité.
GIN, des index inversés pour les valeurs composées : tableaux, jsonb, recherche plein texte.
GiST et SP-GiST, pour les données géométriques ou les intervalles.
BRIN, qui résume des plages de blocs : compact sur de grandes tables triées, comme des journaux horodatés.

Chez MySQL, la plupart des index sont des B-trees, sauf les R-trees spatiaux, le hachage des tables MEMORY et les listes inversées du FULLTEXT (manuel). PostgreSQL ajoute les index partiels (avec une clause WHERE) et les index sur expressions (documentation) ; MySQL indexe des expressions depuis la version 8.0.13 grâce aux « functional key parts » (manuel 8.0).

Autre différence : chaque table InnoDB stocke ses lignes dans un index clusterisé, en général la clé primaire (manuel d'InnoDB), alors que PostgreSQL les range dans un tas séparé des index.

Transactions, MVCC et niveaux d'isolation

Les deux moteurs sont ACID et multiversion (MVCC), mais pas avec le même niveau d'isolation par défaut.

Point	PostgreSQL	MySQL (InnoDB)
Niveau par défaut	Read Committed	Repeatable Read
Read Uncommitted	Se comporte comme Read Committed	Réellement disponible
Lectures fantômes en Repeatable Read	Impossibles	Évitées pour les lectures simples (instantané) et verrouillantes (verrous next-key), mais un `UPDATE` peut toucher des lignes invisibles à l'instantané
DDL dans une transaction	Annulable par `ROLLBACK`, sauf exceptions (`CREATE DATABASE`, `CREATE INDEX CONCURRENTLY`)	Provoque un commit implicite

Sources : documentation de PostgreSQL sur l'isolation, manuel d'InnoDB, liste des commits implicites de MySQL, verrous next-key, lectures cohérentes d'InnoDB et page CREATE DATABASE, lus le 5 novembre 2026.

En Repeatable Read, les SELECT simples d'InnoDB lisent l'instantané de la première lecture, mais les instructions verrouillantes voient l'état le plus récent : son manuel déconseille de les mélanger.

En Read Committed, chaque requête PostgreSQL voit les données validées à son démarrage : deux lectures successives d'une même transaction peuvent différer. Fixez le niveau explicitement quand la logique métier en dépend.

Le MVCC n'est pas implémenté de la même façon. InnoDB modifie la ligne en place dans l'index clusterisé et garde les anciennes versions dans les journaux d'annulation (undo logs), qu'un processus de purge supprime ensuite (manuel d'InnoDB). PostgreSQL écrit une nouvelle version de la ligne dans la table ; l'ancienne reste jusqu'au passage de VACUUM, en pratique du démon autovacuum (documentation).

En exploitation : sur PostgreSQL, surveillez l'autovacuum des tables très modifiées ; sur InnoDB, évitez les transactions longues, qui bloquent la purge.

Réplication et haute disponibilité

PostgreSQL propose la réplication physique en streaming du journal d'écriture (WAL), asynchrone par défaut et synchrone si l'on renseigne synchronous_standby_names (documentation), ainsi que la réplication logique, table par table. Le multimaître synchrone n'est pas natif (documentation), et la bascule automatique s'appuie couramment sur un outil comme Patroni.

MySQL réplique son journal binaire, en asynchrone par défaut, avec un mode semi-synchrone et des identifiants de transaction globaux (GTID), selon son manuel. Group Replication et InnoDB Cluster ajoutent la haute disponibilité intégrée.

Extensions et IA : pgvector face au type VECTOR

PostgreSQL s'enrichit par extensions. Deux exemples dominent :

PostGIS, pour stocker, indexer et interroger des données géospatiales (postgis.net).
pgvector, pour la recherche de similarité vectorielle. Sa page GitHub indique, le 5 novembre 2026, la version 0.8.7, des index HNSW et IVFFlat, notamment les distances L2, produit scalaire et cosinus, et jusqu'à 2 000 dimensions indexables (4 000 en halfvec), pour Postgres 13 et suivants.

Une recherche sémantique reste du SQL :

CREATE EXTENSION vector;
CREATE TABLE documents (id bigserial PRIMARY KEY, contenu text, embedding vector(3));
CREATE INDEX ON documents USING hnsw (embedding vector_cosine_ops);
SELECT id, contenu FROM documents ORDER BY embedding <=> '[0.1,0.2,0.3]' LIMIT 5;

C'est la brique de base d'un système RAG, avec des embeddings produits par exemple par un LLM local avec Ollama.

Et MySQL ? MySQL 9.7 a un type VECTOR de 16 383 valeurs au plus, qui ne peut servir d'aucune clé (manuel). Surtout, la page des fonctions vectorielles indique que DISTANCE() est « disponible uniquement pour les utilisateurs de MySQL HeatWave sur OCI et de MySQL AI ; elle n'est pas incluse dans les distributions MySQL Commercial ou Community » (notre traduction).

MySQL Community stocke donc des vecteurs sans calculer de distance en SQL natif. MariaDB propose un type VECTOR depuis la version 11.7.1, avec index vectoriel et fonctions de distance (documentation MariaDB).

PostgreSQL vs MySQL : les différences de syntaxe

Pour le SQL courant (SELECT, JOIN, GROUP BY), rien ne change. Les écarts se concentrent sur quelques points, d'après les documentations officielles : INSERT, fonctions de chaînes et identifiants de PostgreSQL, CREATE TABLE et fonctions de chaînes de MySQL, nouveautés de MariaDB 10.5.

Besoin	PostgreSQL	MySQL
Clé auto-incrémentée	`id integer GENERATED ALWAYS AS IDENTITY PRIMARY KEY` (ou `serial`)	`id INT AUTO_INCREMENT PRIMARY KEY` (la colonne doit être indexée)
Pagination	`LIMIT 10 OFFSET 20`	`LIMIT 10 OFFSET 20` ou `LIMIT 20, 10`
Insérer ou mettre à jour	`ON CONFLICT (sku) DO UPDATE SET qte = EXCLUDED.qte`	`AS nouv ON DUPLICATE KEY UPDATE qte = nouv.qte`
Concaténation	`'a' \	\
Délimiter un identifiant	{% raw %}`"ma colonne"` ; sans guillemets, les noms passent en minuscules	`ma colonne` (guillemets doubles en mode `ANSI_QUOTES`)
Booléen	Type `boolean` : écrivez `WHERE actif`, pas `WHERE actif = 1`	`TRUE` vaut 1, `FALSE` vaut 0 (`TINYINT(1)`)
Valeur de retour d'un INSERT	`RETURNING id`	`LAST_INSERT_ID()` ; MariaDB accepte `INSERT ... RETURNING` depuis 10.5

L'upsert est l'écart le plus coûteux en migration. En PostgreSQL :

INSERT INTO stock (sku, quantite) VALUES ('A12', 5)
ON CONFLICT (sku) DO UPDATE SET quantite = stock.quantite + EXCLUDED.quantite;

En MySQL, avec l'alias de ligne recommandé par le manuel, VALUES() étant déprécié :

INSERT INTO stock (sku, quantite) VALUES ('A12', 5) AS nouv
ON DUPLICATE KEY UPDATE quantite = stock.quantite + nouv.quantite;

Pièges : ON CONFLICT (sku) exige un index ou une contrainte unique sur sku, alors que ON DUPLICATE KEY se déclenche sur n'importe quelle clé primaire ou unique de la table ; le manuel de MySQL conseille d'ailleurs d'éviter cette clause sur les tables à plusieurs index uniques. MySQL compte aussi 1 ligne affectée pour une insertion, 2 pour une mise à jour et 0 si rien ne change, ce qu'un ORM ou une API REST en Node.js doit savoir.

Autre écart en migration : avec GENERATED ALWAYS, PostgreSQL refuse un id explicite sans OVERRIDING SYSTEM VALUE. Pour importer des identifiants existants depuis MySQL, déclarez la colonne GENERATED BY DEFAULT, puis recalez la séquence après l'import, sinon le prochain INSERT sans id échouera sur une clé en double : SELECT setval(pg_get_serial_sequence('stock', 'id'), (SELECT max(id) FROM stock)); (fonctions de séquence). Ces exemples reprennent la syntaxe des manuels ; nous ne les avons pas exécutés.

Performances : ce qu'on peut dire honnêtement

Aucune source sérieuse ne permet de dire que l'un est plus rapide en général : tout dépend du schéma, des index et des requêtes.

L'annonce de PostgreSQL 18 parle de gains « jusqu'à 3 fois » grâce aux entrées-sorties asynchrones, mais « dans certains scénarios » : c'est une mesure du projet lui-même. Bytebase, éditeur d'outils pour bases de données, estime de son côté que les performances sont comparables, à 30 % près, selon son expérience : une opinion, pas une mesure (Bytebase, consulté le 5 novembre 2026).

Nous n'avons lancé aucun micro-benchmark. La bonne méthode : lancez les deux moteurs en conteneurs avec leurs images officielles (notre tutoriel Docker pour débutants suffit), chargez un échantillon de vos données et rejouez vos dix requêtes les plus fréquentes.

Réglez au moins le cache mémoire (shared_buffers côté PostgreSQL, innodb_buffer_pool_size côté MySQL) avant de comparer.

Popularité : deux mesures, deux méthodes

Ce que déclarent les développeurs. L'enquête Stack Overflow 2026, consultée le 5 novembre 2026, demande dans quelles bases on a fait « un travail de développement important au cours de l'année écoulée » (notre traduction). Sur les 12 061 répondants à cette question, tous profils confondus, PostgreSQL arrive en tête avec 57,9 %, devant SQLite (42,1 %), MySQL (35,1 %) et MariaDB (20,3 %). Enquête déclarative, non représentative.

Ce que mesure DB-Engines. Le classement DB-Engines de novembre 2026 place MySQL 2e avec 823,23 points et PostgreSQL 4e avec 689,69 points. Sur un an, MySQL perd 42,59 points et PostgreSQL en gagne 38,32 (scores 2025 recalculés à partir de ces écarts). La méthode combine mentions web, Google Trends, Stack Overflow, offres d'emploi, LinkedIn et X ; elle ne mesure pas les installations.

En résumé : MySQL garde un score composite DB-Engines plus élevé, mais l'écart se réduit, et PostgreSQL domine chez les répondants de Stack Overflow.

Hébergement et offres gérées

AWS : Amazon RDS propose PostgreSQL, MySQL et MariaDB, et Aurora des éditions compatibles PostgreSQL et MySQL.
Google Cloud : Cloud SQL prend en charge MySQL, PostgreSQL et SQL Server.
Azure : l'offre Azure Database for MySQL flexible server s'appuie sur MySQL Community 5.7, 8.0 et 8.4 (page lue le 5 novembre 2026) : pas encore 9.7.
WordPress : ses prérequis officiels demandent MySQL 8.0 ou plus, ou MariaDB 10.11 ou plus. PostgreSQL n'y figure pas.

Une offre gérée peut donc avoir une série LTS de retard. Pour comparer ces clouds, voyez notre comparatif AWS vs Azure vs Google Cloud et notre guide de l'hébergement cloud pour développeurs.

Grille de choix selon votre projet

Cette grille, déduite des différences documentées plus haut, ne remplace pas un test sur vos données.

Votre projet	Notre choix	Pourquoi
J'apprends le SQL, premier projet	L'un ou l'autre, PostgreSQL de préférence	Même SQL de base ; PostgreSQL suit de plus près le standard
Nouvelle application web ou API	PostgreSQL	Types riches, `jsonb`, DDL transactionnel, licence permissive
WordPress ou autre CMS PHP conçu pour MySQL	MySQL ou MariaDB	WordPress exige MySQL ou MariaDB dans ses prérequis
Site PHP sur hébergement mutualisé	La base fournie par l'offre	Vérifiez la base incluse avant de choisir
Recherche sémantique, RAG, embeddings	PostgreSQL avec pgvector	Distance et index vectoriels dans l'édition libre
Données géographiques	PostgreSQL avec PostGIS	Types et index spatiaux par extension
Équipe experte en MySQL, charge simple	MySQL	La compétence de l'équipe prime
Logiciel distribué chez vos clients avec base embarquée	PostgreSQL	Pas de licence commerciale à négocier
Besoin d'un fork libre compatible MySQL	MariaDB	GPLv2, recherche vectorielle native

En cas de doute, le comparatif PostgreSQL vs MySQL penche vers PostgreSQL pour un projet neuf, et vers MySQL quand l'existant l'impose.

Ce que nous n'avons pas pu vérifier

Les performances et les exemples SQL. Docker n'était pas disponible : aucun benchmark n'a été lancé et aucun exemple n'a été exécuté.
Les dates de fin de support de MySQL 8.4 et 9.7. Le manuel donne la règle (5 ans plus 3 ans), pas les dates.
L'annonce d'octobre 2026 de MySQL sur le blog d'Oracle, inaccessible depuis nos outils.
La sortie finale de PostgreSQL 19, non publiée le 5 novembre 2026.

Questions fréquentes

PostgreSQL ou MySQL : lequel choisir pour débuter ?

Les deux conviennent. PostgreSQL suit de plus près le standard SQL ; MySQL ou MariaDB s'imposent si vous visez WordPress. Notre cours SQL pour débutant fonctionne avec les deux.

PostgreSQL est-il plus rapide que MySQL ?

Pas en général. Même l'annonce de PostgreSQL 18 parle de gains « dans certains scénarios ».

MySQL Community permet-il la recherche vectorielle ?

En partie : le type VECTOR existe, mais selon le manuel MySQL 9.7, DISTANCE() est réservée à HeatWave sur OCI et à MySQL AI. Les options libres documentées sont pgvector et MariaDB 11.7 ou plus.

Peut-on migrer de MySQL vers PostgreSQL facilement ?

Le SQL courant passe. Reprenez l'auto-incrément, l'upsert, les guillemets, les booléens et l'isolation par défaut, puis testez tout.

À propos de l'auteur

Méthode. Synthèse fondée exclusivement sur des sources publiques lues le 5 novembre 2026 : documentation officielle de PostgreSQL, de MySQL et de MariaDB, pages des fournisseurs cloud, enquête Stack Overflow 2026 et classement DB-Engines. Les chiffres d'éditeurs sont signalés comme tels. Les citations issues de sources en anglais sont traduites par nos soins. Aucun test ni benchmark n'a été mené, aucun lien n'est affilié et aucune relation commerciale ne lie l'auteur aux éditeurs mentionnés.

Une erreur ou une version périmée ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 5 novembre 2026.

Image d'en-tête : Taylor Vick (Unsplash License).

Métiers de la cybersécurité : 9 postes, salaires, formations et accès en 2026

Neurau Tech — Fri, 06 Nov 2026 10:22:59 +0000

L'essentiel en une minute

Les métiers de la cybersécurité recrutent en France, mais surtout des profils déjà formés en informatique : l'étude 2025 de l'Observatoire des métiers de l'ANSSI compte 23 183 offres d'emploi sur un an, et 40 % d'entre elles demandent un Bac+5. Voici neuf postes, ce qu'ils paient selon des sources datées et comment y entrer.

Synthèse de sources publiques consultées le 5 novembre 2026 : aucun recruteur interrogé, aucune formation suivie.

Points clés

Les offres d'emploi en cybersécurité ont augmenté de 49 % entre 2019 et 2024, selon l'Observatoire ; 77 % sont des CDI.

Architecte (21 %), consultant (15 %) et ingénieur (15 %) sont les métiers les plus demandés.

Selon le Guide des salaires 2027 de Robert Half (national, brut fixe annuel), un ingénieur cybersécurité gagne de 53 000 € (25e percentile) à 82 000 € (75e percentile), médiane 67 000 € ; un RSSI de 75 000 € à 100 000 €, médiane 85 000 €.

44 % des professionnels interrogés n'ont ni diplôme ni certification en cybersécurité.

TryHackMe (offre gratuite limitée), PortSwigger Web Security Academy et Hackropole permettent de s'entraîner gratuitement ; le MOOC SecNumacadémie est fermé pour refonte.

Un marché qui recrute, mais pas n'importe qui

La demande est réelle, mais elle vise des profils qualifiés. L'étude « Les professionnels de la cybersécurité » de juin 2025, réalisée par l'Afpa et l'ANSSI avec la DGEFP, a analysé 23 183 offres d'emploi publiées en France de juin 2023 à juin 2024. Elle relève une hausse de 49 % des offres entre 2019 et 2024 (étude de l'Observatoire des métiers, PDF hébergé par Éduscol, juin 2025, consultée le 5 novembre 2026).

Les offres sont exigeantes : 40 % demandent un Bac+5, 6 % un Bac+4, 6 % un Bac+3 et 9 % un Bac+2, 4 % un autre niveau, tandis que 34 % ne précisent rien. Côté contrats, 77 % des offres sont des CDI, 11 % des missions en freelance, 5 % des contrats en alternance et 4 % des CDD ; l'étude ne détaille pas le reste.

L'architecte représente 21 % des offres, contre 10 % en 2019 ; l'ingénieur est passé de 30 % à 15 %.

L'association ISC2, qui délivre la certification CISSP, a estimé en 2024 le manque de professionnels, y compris pour la France. Les tableaux par pays de son étude 2024 comptent 230 338 professionnels de la cybersécurité en France et un déficit de 69 139 personnes, en hausse de 17 % sur un an (ISC2, premiers résultats de l'étude 2024, 11 septembre 2024, consulté le 5 novembre 2026). La même page cite des données LinkedIn selon lesquelles les nouvelles offres en cybersécurité ont reculé de 4,5 % sur un an en France. Ce déficit est une estimation d'enquête, pas un nombre d'offres.

L'édition 2025, fondée sur 16 029 répondants, déplace le sujet vers les compétences : 95 % signalent au moins un besoin de compétence, l'IA (41 %) et la sécurité du cloud (36 %) en tête (communiqué d'ISC2, 4 décembre 2025). Le communiqué ne chiffre pas le déficit français.

Les 9 métiers de la cybersécurité à connaître

Les métiers de la cybersécurité se rangent en trois familles : défendre au quotidien, attaquer pour tester, et gouverner le risque. Les intitulés s'appuient sur l'étude 2025 de l'Observatoire et sur les usages des offres d'emploi ; nous n'avons pas pu consulter le Panorama des métiers de l'ANSSI (voir plus bas). Les descriptions sont notre synthèse. Voir aussi les cyberattaques les plus fréquentes que ces équipes combattent.

1. Analyste SOC

L'analyste SOC surveille les alertes de sécurité, le plus souvent depuis un SIEM qui centralise les journaux. Il écarte les faux positifs et qualifie les incidents, parfois en horaires décalés. C'est, à notre lecture des offres, une des portes d'entrée les plus courantes pour un jeune diplômé ou un administrateur système. Les courriels piégés font partie du quotidien : voir notre guide pour reconnaître un phishing.

2. Pentester (auditeur de sécurité technique)

Le pentester mène des tests d'intrusion autorisés sur une application, un réseau ou un Active Directory, puis rédige un rapport avec des recommandations de correction. Il faut maîtriser le web, les réseaux, Linux, Windows et les scripts ; le métier s'exerce surtout en cabinet d'audit ou de conseil.

3. Analyste réponse aux incidents (CSIRT ou CERT)

Face à une attaque confirmée, l'analyste de réponse aux incidents la contient, trouve le point d'entrée et pilote le retour à la normale. Il travaille dans un CSIRT ou un CERT, interne ou chez un prestataire, souvent après une expérience en SOC.

4. Analyste forensique

L'analyste forensique collecte et examine les traces numériques : disques, mémoire vive, journaux. Il reconstitue l'attaque sans altérer les preuves, parfois pour la justice.

5. Analyste de la menace (threat intelligence)

L'analyste de la menace suit les groupes d'attaquants, leurs outils et leurs cibles pour orienter la défense. Il ne concerne que 2 % des répondants de l'Observatoire : c'est une spécialité.

6. Ingénieur sécurité et DevSecOps

L'ingénieur sécurité déploie et exploite les solutions de protection : pare-feu, gestion des identités, sondes, durcissement des serveurs. Sa variante DevSecOps intègre la sécurité aux chaînes CI/CD.

7. Architecte sécurité

L'architecte sécurité définit les modèles de sécurité et vérifie que les projets les respectent. C'est le métier le plus demandé dans les offres, mais il suppose plusieurs années d'expérience.

8. Consultant GRC (gouvernance, risques et conformité)

Le consultant GRC traduit normes et lois en mesures : analyse de risques, politique de sécurité, ISO 27001, directive NIS 2. D'après notre lecture des offres, il s'ouvre aussi à des profils venant de l'audit ou du juridique.

9. RSSI (responsable de la sécurité des systèmes d'information)

Le RSSI définit la politique de sécurité, pilote projets et budgets et rend compte à la direction. C'est le métier le plus représenté dans l'enquête de l'Observatoire : 30 % des 1 720 répondants l'exercent. Ce n'est pas un poste de débutant.

Les salaires, source par source

Les salaires varient selon la source, la région et ce qui est compté : nous retenons deux grilles de cabinets de recrutement. Pour comparer avec les autres métiers de la tech, notre grille des salaires des développeurs compare six études.

Robert Half, Guide des salaires 2027. Mis en ligne le 1er octobre 2026, ce guide donne des projections pour 2027, fondées selon le cabinet sur la rémunération réelle des professionnels qu'il a placés en France. Ce sont des salaires annuels bruts fixes, hors primes et avantages, au niveau national. Le 25e percentile correspond à un débutant dans la fonction, le 50e à une expérience intermédiaire et le 75e à une expérience reconnue (Robert Half, salaires IT et Tech 2027 en France, consulté le 5 novembre 2026).

Fonction (Robert Half, national)	25e percentile	Médiane	75e percentile
Ingénieur cybersécurité	53 000 €	67 000 €	82 000 €
RSSI	75 000 €	85 000 €	100 000 €
Directeur sécurité des systèmes d'information	97 000 €	126 000 €	165 000 €
Développeur, pour comparaison	43 000 €	56 000 €	65 000 €
Administrateur systèmes et réseaux, pour comparaison	40 000 €	45 000 €	55 000 €

Licorne Society, grille cybersécurité. Ce cabinet publie des fourchettes brutes annuelles pour Paris et l'Île-de-France, avec une décote moyenne de 10 à 15 % en région ; la page ne précise pas si les primes sont incluses ni sur combien de recrutements elle repose (Licorne Society, mise à jour du 11 mars 2026, consultée le 5 novembre 2026).

Métier (Licorne Society, Île-de-France)	Junior (0 à 2 ans)	Confirmé (2 à 5 ans)	Senior (5 ans et plus)
Analyste SOC	40 à 48 k€	50 à 65 k€	65 à 80 k€
Pentester	42 à 50 k€	52 à 70 k€	70 à 95 k€ et plus
Ingénieur cybersécurité	45 à 52 k€	55 à 70 k€	70 à 85 k€
Consultant GRC	45 à 55 k€	58 à 75 k€	75 à 100 k€
DevSecOps	48 à 58 k€	60 à 80 k€	80 à 110 k€
Architecte cyber	Non indiqué	65 à 85 k€	90 à 120 k€ et plus

Pour un RSSI, la même grille indique 55 000 à 70 000 euros en PME ou en prise de poste, et 90 000 à 130 000 euros pour un profil senior en grand groupe. Faute de grille sourcée, nous ne donnons aucun chiffre pour les analystes CSIRT, forensiques et de la menace.

Notre lecture. Robert Half donne des montants plus élevés : son 25e percentile pour l'ingénieur (53 000 €) dépasse la fourchette junior francilienne de Licorne Society, et son RSSI au 25e percentile (75 000 €) dépasse la fourchette PME. Hors Île-de-France, partez du bas des fourchettes.

Se former : diplômes, alternance, reconversion

Aucune route n'est obligatoire, selon l'étude de l'Observatoire. Parmi les 1 720 professionnels interrogés, 33 % ont un diplôme en cybersécurité, 37 % une certification, et 44 % n'ont ni l'un ni l'autre ; 63 % ont en revanche un diplôme en informatique ou en numérique hors cybersécurité. 62 % déclarent un Bac+5 et 12 % un Bac+6 ou plus.

Les diplômes. Au niveau Bac+2, deux BTS mènent vers la sécurité : le BTS SIO option A « Solutions d'infrastructure, systèmes et réseaux » (SISR, fiche RNCP40792) et le BTS CIEL option A « Informatique et réseaux » (fiche RNCP37391). Au niveau Bac+3, le BUT Réseaux et télécommunications a une version « Cybersécurité » (fiche RNCP41611). Viennent ensuite les masters spécialisés et les écoles d'ingénieurs. Ces trois fiches, actives et ouvertes à l'apprentissage, ont été lues le 5 novembre 2026. L'ANSSI attribue le label SecNumedu aux formations initiales spécialisées qui respectent son référentiel ; la liste à jour figure sur son site, cyber.gouv.fr, que nous n'avons pas pu charger le 5 novembre 2026.

Les titres RNCP. Certains diplômes sont enregistrés au répertoire national des certifications professionnelles. Exemple vérifié : le titre d'ingénieur du Cnam, spécialité informatique et cybersécurité, de niveau 7, est accessible en formation initiale, en apprentissage, en formation continue et par validation des acquis, pour des sessions ouvertes à partir du 1er septembre 2026 (fiche RNCP42432 de France compétences, consultée le 5 novembre 2026). Vérifiez le numéro RNCP d'une école privée avant de signer.

L'alternance. Elle représente 5 % des offres analysées par l'Observatoire, et 7 % des offres d'ingénieur en cybersécurité. Contrat, salaire et aides sont détaillés dans notre guide de l'alternance.

La reconversion. Elle est possible, mais rarement directe. Dans l'enquête de l'Observatoire, 40 % des répondants ont principalement exercé dans l'informatique hors cybersécurité et 12 % dans un autre domaine. La voie réaliste passe par un premier poste technique. Les financements sont détaillés dans notre article sur la reconversion.

Les certifications qui comptent

Une certification ne remplace pas l'expérience. L'Observatoire relève que les titulaires d'une certification ou d'un diplôme en cybersécurité ont été approchés par des recruteurs dans 80 % des cas au cours de l'année, contre 53 % pour les autres : c'est une corrélation, pas la preuve d'un effet. Voici cinq certifications courantes, choisies par nos soins, avec ce que leurs pages officielles indiquaient le 5 novembre 2026.

Certification	Pour quel métier	Ce que dit la page officielle	Prix affiché
CompTIA Security+ (SY0-701)	Premier poste, SOC	90 questions au plus, 90 minutes, score de 750 sur 900 ; recommande Network+ et 2 ans d'expérience. Version V8 annoncée vers le 17 novembre 2026	Non affiché sur la page
CEH (EC-Council, v13)	Pentest, découverte	125 questions en 4 heures. Pour s'inscrire : une formation officielle EC-Council, ou 2 ans d'expérience en sécurité et un dossier d'éligibilité avec 100 $ de frais non remboursables	Examen non affiché
OSCP+ (OffSec, cours PEN-200)	Pentester	Épreuve pratique surveillée de 23 h 45, puis 24 heures pour envoyer le rapport (guide d'examen) ; la mention OSCP+ expire après 3 ans, l'OSCP n'expire pas	1 749 $ pour le cours, 90 jours de laboratoire et une tentative
ISO/IEC 27001 Lead Implementer (PECB)	Consultant GRC	Formation de 4 jours et examen le 5e ; la certification complète exige 5 ans d'expérience, dont 2 en sécurité de l'information	Inclus dans le prix de la formation, non affiché
CISSP (ISC2)	RSSI, architecte	5 ans d'expérience dans au moins 2 des 8 domaines ; un diplôme de niveau licence ou master en informatique ou dans un domaine proche, ou une certification de la liste agréée par ISC2, peut compter pour 1 an. Sans l'expérience, on devient Associate of ISC2 avec 6 ans pour l'acquérir	Non affiché sur la page

Notre lecture : Security+ pour un premier poste en SOC, OSCP+ pour prouver une capacité pratique en pentest. Vérifiez les prix avant d'acheter.

S'entraîner gratuitement et légalement

On apprend la sécurité en pratiquant, mais uniquement sur des systèmes que l'on a le droit d'attaquer. L'article 323-1 du Code pénal punit le fait d'accéder ou de se maintenir frauduleusement dans un système de traitement automatisé de données de trois ans d'emprisonnement et de 100 000 € d'amende, et de cinq ans et 150 000 € en cas de suppression ou de modification de données ou d'altération du fonctionnement du système (Légifrance, article 323-1 du Code pénal, version en vigueur depuis le 26 janvier 2023, lue sur Légifrance le 5 novembre 2026).

Trois règles en découlent. Sur une plateforme, n'attaquez que les machines qui vous sont attribuées. En bug bounty, sur YesWeHack par exemple, respectez le périmètre et les règles du programme. Pour le reste, montez un laboratoire local avec des machines virtuelles volontairement vulnérables, sur votre propre matériel.

TryHackMe. L'offre gratuite donne un accès limité aux parcours, les salles gratuites et une heure par jour de machine d'attaque en ligne. L'abonnement Premium est affiché à 16,99 € par mois, ou 10,50 € par mois en paiement annuel (tarifs de TryHackMe, consultés le 5 novembre 2026).
Root-Me. Plateforme française de challenges, gérée par une association. Le jour de notre consultation, le site affichait une page de protection anti-robots : nous n'avons pas pu relire ses conditions d'accès gratuit.
Hack The Box. La page d'accueil présente des laboratoires, des cours (Academy) et des compétitions CTF. Les pages consultées ne détaillent pas l'offre gratuite pour les particuliers.
PortSwigger Web Security Academy. Cours et laboratoires sur les failles web, annoncés « 100% free » sur la page officielle de PortSwigger (portswigger.net, lue le 5 novembre 2026).
Les CTF. Les compétitions « Capture The Flag » se jouent seul ou en équipe, souvent en ligne ; l'agenda mondial est recensé sur CTFtime. Le France Cybersecurity Challenge (FCSC) est la compétition organisée par l'ANSSI : ses épreuves des éditions 2019 à 2026 se rejouent toute l'année sur Hackropole, qui comptait 627 challenges le 5 novembre 2026.
SecNumacadémie. Le MOOC de l'ANSSI est « actuellement fermé » pour refonte : la page officielle annonce une nouvelle version « courant 2026 », en trois niveaux, avec une attestation de réussite par parcours.

Un parcours de départ en trois étapes, selon notre lecture :

Les bases. Linux et réseaux, avec nos commandes Linux de base.
Les salles guidées. Parcours gratuits de TryHackMe ou de PortSwigger, puis premiers challenges Root-Me ou Hackropole.
Les comptes rendus. Publiez vos solutions dans un dépôt, avec notre guide Git et GitHub, puis valorisez-les dans votre CV de développeur junior.

Quel métier pour quel profil ?

Ce tableau reflète notre lecture des sources, pas une règle de recrutement.

Votre profil	Métier à viser d'abord	Niveau d'entrée	Route conseillée
Étudiant en informatique	Analyste SOC ou ingénieur sécurité junior	Bac+3 à Bac+5	Master ou école avec alternance, label SecNumedu à vérifier
Administrateur système ou réseau	Analyste SOC, ingénieur sécurité	Expérience technique	Security+, puis mobilité interne
Développeur	DevSecOps, pentest applicatif	Expérience en développement	Sécurité du code, challenges web, OSCP+ plus tard
Juriste, auditeur, chef de projet	Consultant GRC	Bac+5 souvent attendu	ISO 27001 Lead Implementer
Reconversion sans base informatique	Technicien ou administrateur, puis SOC	Variable	Formation certifiante RNCP, puis spécialisation
Profil expérimenté en sécurité	Architecte, réponse aux incidents, RSSI	Plusieurs années	CISSP, management

Le marché caché pèse lourd : 43 % des répondants de l'Observatoire ont été recrutés par recommandation, approche directe ou candidature spontanée. Préparez aussi les épreuves techniques : notre article sur l'entretien technique décrit les étapes habituelles.

Ce que nous n'avons pas pu vérifier

Sources bloquées ou incomplètes le 5 novembre 2026 :

Le Panorama des métiers de la cybersécurité de l'ANSSI. Le site cyber.gouv.fr a refusé nos requêtes. Les intitulés s'appuient sur l'étude 2025 de l'Observatoire et sur les usages des offres d'emploi ; la dernière édition du Panorama n'est pas confirmée.
La liste des formations SecNumedu. Même blocage : nous ne donnons ni nombre de formations labellisées ni exemple.
Les fiches métiers de l'Apec et de l'Onisep. Accès refusé : aucun salaire n'est attribué à l'Apec, et les descriptions de métiers sont notre synthèse, sans relecture de ces fiches ni du Panorama.
L'étude 2025 d'ISC2. Nous n'avons lu que son communiqué, pas le rapport complet.
Le calendrier du FCSC 2027. Les pages de l'ANSSI qui l'annoncent étaient inaccessibles.
Les salaires des analystes CSIRT, forensiques et de la menace. Nous n'avons trouvé aucune grille sourcée et récente.
Le télétravail. Aucune source lue ne le chiffre.
Root-Me et l'offre gratuite de Hack The Box. Conditions non détaillées sur les pages lues.
Les prix de Security+, du CEH, du CISSP et de l'ISO 27001 Lead Implementer. Ils n'étaient pas affichés sur les pages officielles lues.

Questions fréquentes

Peut-on travailler dans la cybersécurité sans diplôme ?

Oui, mais c'est plus long. Dans l'étude 2025 de l'Observatoire, 44 % des professionnels n'ont ni diplôme ni certification en cybersécurité, mais 63 % ont un diplôme en informatique. Sans diplôme, il faut des preuves : certifications, challenges, projets publics.

La cybersécurité est-elle un métier d'avenir ?

Les offres ont augmenté de 49 % entre 2019 et 2024 selon l'Observatoire, ISC2 estimait le déficit français à 69 139 personnes en 2024, et le Guide des salaires 2027 de Robert Half fait de la cybersécurité la compétence la plus recherchée. Mais la demande vise surtout des profils formés.

Combien gagne-t-on dans les métiers de la cybersécurité ?

Selon Robert Half, un ingénieur cybersécurité gagne entre 53 000 € (25e percentile) et 82 000 € (75e percentile) bruts fixes par an au niveau national, médiane 67 000 € ; un RSSI entre 75 000 € et 100 000 €, médiane 85 000 €. La grille francilienne de Licorne Society place un analyste SOC junior entre 40 000 et 48 000 euros, et un pentester junior entre 42 000 et 50 000 euros.

Peut-on télétravailler dans la cybersécurité ?

Cela dépend du métier ; nous n'avons trouvé aucune statistique fiable. D'après notre lecture des offres, le conseil GRC s'y prête souvent ; un SOC en continu ou un poste exigeant une habilitation impose plus de présence sur site. Posez la question en entretien.

À propos de l'auteur

Méthode. Synthèse de sources publiques consultées le 5 novembre 2026 : étude 2025 de l'Observatoire des métiers (ANSSI, Afpa, DGEFP), études d'ISC2 (traduites par nos soins), grilles des cabinets Robert Half et Licorne Society, France compétences et pages officielles des certifications. Aucun recruteur n'a été interrogé, aucune formation n'a été suivie, aucun lien n'est affilié et aucune relation commerciale ne lie l'auteur aux organismes mentionnés.

Une erreur ou un chiffre périmé ? Écrivez à contact@neurautech.com : l'article sera corrigé et la date de mise à jour modifiée.

Dernière mise à jour : 5 novembre 2026.

Image d'en-tête : Tima Miroshnichenko via Pexels (Pexels License).