Le fil rouge — 5 parcours pour apprendre

🎯 Objectif de la page : présenter les 5 parcours fil rouge disponibles dans ce guide. Choisis-en un (ou change-le à tout moment via les onglets en haut de chaque page).

Pourquoi un fil rouge ?

Apprendre dans le vide est dur. Apprendre en suivant quelqu’un qui construit un vrai produit — qui hésite, qui galère, qui rencontre des bugs concrets — est beaucoup plus immersif.

Ce guide te propose donc 5 personnages, chacun avec son projet. Les axes 5 à 8 (frontend HTML/CSS, JavaScript, frameworks, backend) déroulent leur histoire en 16 épisodes. Les autres axes font des clins d’œil au parcours choisi quand c’est pertinent.

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.

Tableau de couverture honnête

Aucun parcours ne couvre parfaitement les 17 axes (l’axe 16 a 6 sous-domaines très spécialisés). Le tableau te dit où chaque parcours brille et où une bascule est conseillée.

	A · Marie	B · Hugo	C · Sami	D · Léa	E · Yanis
1-4 Fondations + Web + Analyse + Outils	✅	✅	✅	✅	✅
5-7 Frontend (HTML/CSS, JS, frameworks)	✅	✅	✅	✅	✅
8-10 Backend + DB + BaaS	✅	✅	✅	✅	✅
11-14 Qualité, sécu, perf, DevOps	✅	✅	✅	✅	✅
15 Méthodes & soft skills	⚠️	⚠️	⚠️	⚠️	✅
16 Spécialisations (mobile, real-time, IA…)	⚠️	⚠️	⚠️	✅	⚠️
17 Carrière	meta — s’applique au lecteur
Réutilise les exos taskly-api du guide	❌	❌	❌	❌	✅

Lecture :

• ✅ couvert naturellement par l’arc narratif du parcours.
• ⚠️ partiellement couvert ou nécessite une bascule (clic sur les onglets en haut de la page) vers un autre parcours pour cet axe.

Découvre chaque parcours

🥖 Marie · La Boulangerie de Lina Marie aide sa sœur à mettre sa boulangerie artisanale en ligne. Ambiance chaleureuse, e-commerce local.

🧘 Hugo · Studio Pulse Hugo digitalise le studio de yoga de sa cousine Inès. Réservations, abonnements, paiement Stripe.

🥬 Sami · GreenBox Sami lance son épicerie zéro-déchet livrée en vélo. E-commerce moderne complet, durabilité.

🤝 Léa · CoupDeMain Léa crée la plateforme d'entraide de son quartier. Le parcours le plus complet — temps réel, mobile, IA.

📋 Yanis · Tasky Yanis développe un task manager pour son association sportive. Réutilise les exercices existants du guide.

Comment ça marche en pratique

1. Tu choisis ton parcours principal sur cette page (clic sur une carte) ou plus tard via les onglets en haut de chaque page.
2. Sur chaque page des axes 5 à 8, tu vois un encart « Où en est [ton personnage] » qui plante l’enjeu de la section avec son histoire.
3. Tu peux switcher à tout moment via les onglets — le contenu technique est le même, seul l’épisode narratif change.
4. Tu peux réviser ton parcours sur sa fiche personnelle (liens ci-dessus) — toutes ses étapes y sont listées dans l’ordre.

💡 Astuce : si tu ne sais pas quoi choisir, prends Marie (le plus universel) ou Léa (le plus complet côté spécialisations).