Helia

Le guide en chiffres

17 axes

Des fondations (matériel, réseau, algorithmie) à la carrière, en passant par le frontend, le backend, la sécurité et le DevOps.

5 parcours fil rouge

Marie, Hugo, Sami, Léa et Yanis construisent chacun un vrai projet. Tu choisis celui qui te ressemble — tu peux changer à tout moment.

280 termes de glossaire

Tous les mots techniques expliqués, accessibles d’un survol depuis n’importe quelle page.

18 exercices guidés

Chaque axe se conclut par un projet — canevas + correction commentée pour pratiquer plutôt que regarder.

32 pièges réels

Les vrais bugs rencontrés en construisant ce guide — Symptôme · Cause · Fix · Leçon. Pour t’épargner des heures de débogage.

Choisis ton parcours fil rouge

Ce guide propose 5 parcours narratifs qui suivent un personnage construisant un vrai projet. Choisis celui qui t'attire le plus — tu peux changer à tout moment via les onglets en haut de chaque page.

Marie · La Boulangerie de Lina Marie aide sa sœur à mettre sa boulangerie artisanale en ligne. E-commerce local et chaleureux. ✅ Axes 1–14 · ⚠️ 16 Hugo · Studio Pulse Hugo digitalise le studio de yoga de sa cousine Inès — planning, abonnements, paiement. ✅ Axes 1–14 · ⚠️ 16 Sami · GreenBox Sami lance sa boutique d'épicerie zéro-déchet livrée en vélo. E-commerce moderne complet. ✅ Axes 1–14 · ⚠️ 16 Léa · CoupDeMain Léa crée une plateforme d'entraide entre voisins. Couvre tout jusqu'au temps réel et au mobile. ✅ Axes 1–16 (le plus complet) Yanis · Tasky Yanis développe un task manager pour son association sportive. Réutilise les exercices existants. ✅ Axes 1–15 · ⚠️ 16

💡 Tu peux choisir maintenant ou plus tard. À défaut, c'est Marie qui sera affiché. Voir la page Fil rouge pour le détail de chaque parcours.

Pourquoi ce guide ?

La plupart des ressources d’apprentissage du dev web sont fragmentées : un tuto HTML ici, une vidéo React là, une formation Python ailleurs. Au bout de 6 mois, tu sais 50 trucs sans savoir comment ils s’assemblent.

Ce guide rassemble tout en un parcours cohérent : du « comment fonctionne un ordinateur » jusqu’au déploiement en production, en passant par l’analyse, la sécurité, l’accessibilité, le DevOps et la carrière.

Trois différences avec ce que tu as déjà vu :

Différence	Ce que ça change
Un personnage qui code avec toi	Tu vois pourquoi tu apprends Flexbox aujourd’hui — pour aligner les cartes produits de Lina
Multi-langages backend	Trois parcours — Node/TS (Hono), Python (Django/Flask/FastAPI), PHP (Laravel/Symfony) — choisis le tien
Tout 2026	React 19, Next.js 16, Vue 3.6, Svelte 5, Astro 6, Postgres 17, Hono, Drizzle, Better Auth — pas de tuto périmé

Comment progresser

🌱 Débutant complet

Linéaire : axe 1 → 2 → 3 → … → 17. Compte 6 à 9 mois temps plein, 12 à 24 mois en partiel.

🌿 Reconversion ou junior

Modulaire dès l’axe 4. Saute aux sujets qui te manquent (analyse, sécu, DevOps, soft skills).

🌳 Senior

Référence ciblée. Lis ce qui te manque (cadrage stratégique, IA appliquée, RGPD by design, axe 17 carrière).

📍 Carte des 17 axes

Cliquable. Le bord coloré = la phase. La barre = ce que tu as déjà parcouru.

Phase A Fondations

💾 1

Fondations

0 / 5

🌐 2

Web

0 / 5

📐 3

Analyse

0 / 7

🛠 4

Outils

0 / 6

Phase B Frontend

🎨 5

HTML/CSS

0 / 4

⚡ 6

JS/TS

0 / 5

⚛ 7

Frameworks

0 / 7

Phase C Backend & données

🚀 8

Backend

0 / 3

🗄 9

BDD

0 / 5

☁ 10

BaaS

0 / 6

Phase D Industrialisation

✅ 11

Qualité

0 / 5

🔐 12

Sécurité

0 / 5

📊 13

Perf/A11y

0 / 6

🚢 14

DevOps

0 / 7

Phase E Méta

🤝 15

Méthodes

0 / 5

🔬 16

Spé.

0 / 7

💼 17

Carrière

0 / 7

Par où commencer maintenant

📖 Préambule Méthode, durée, philosophie du guide, et choix de ton fil rouge initial.

🧭 Comment lire ce guide Les conventions visuelles en 2 minutes : badges de niveau, scénarios, glossaire.

🏁 Axe 1 — Fondations informatiques Si tu démarres : matériel, OS, ligne de commande, données, algorithmie. Indispensables.

📚 Glossaire complet 260+ termes techniques expliqués en une phrase. Consultable depuis n'importe quelle page (mots soulignés).

À qui s’adresse ce guide ?

• Débutants complets — tu n’as jamais codé, ce guide est ton point d’entrée. Suis-le linéairement.
• Devs en reconversion — tu as une base technique (autre métier IT, formation courte) — pioche les axes qui te manquent.
• Juniors — combler les lacunes typiques : analyse, sécurité, DevOps, soft skills, carrière.
• Devs confirmés — référence sur les sujets 2026 (IA appliquée, edge, RGPD, accessibilité).

---

Bonne lecture 🌱 — et n’oublie pas : construis publiquement. Pousse ton code sur GitHub dès l’axe 4. Ton portfolio se construit pendant l’apprentissage, pas après.