test-repo/docs-readme/fr-FR/README.md

<!-- trigger vercel build -->
<div align="center">

<pre style="font-family: 'Courier New', monospace; font-size: 16px; color: #000000; margin: 0; padding: 0; line-height: 1.2; transform: skew(-1deg, 0deg); display: block;">
███████╗ █████╗ ███████╗██╗   ██╗    ██╗   ██╗██╗██████╗ ███████╗
██╔════╝██╔══██╗██╔════╝╚██╗ ██╔╝    ██║   ██║██║██╔══██╗██╔════╝
█████╗  ███████║███████╗ ╚████╔╝     ██║   ██║██║██████╔╝█████╗  
██╔══╝  ██╔══██║╚════██║  ╚██╔╝      ╚██╗ ██╔╝██║██╔══██╗██╔══╝  
███████╗██║  ██║███████║   ██║        ╚████╔╝ ██║██████╔╝███████╗
╚══════╝╚═╝  ╚═╝╚══════╝   ╚═╝         ╚═══╝  ╚═╝╚═════╝ ╚══════╝</pre>

# Easy-Vibe : Apprendre le Vibe Coding de 0 à 1

<p align="center" style="font-size: 1.05em; color: #666; margin: 16px 0 8px;">
  Lancez-vous tout de suite et vibez avec nous : si vous pouvez parler, vous pouvez créer des apps<br>
  <span style="font-size: 0.9em; color: #888;">Jump right in and vibe together — if you can talk, you can build apps.</span>
</p>

<p align="center">
  📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Lire en ligne (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Tutoriel interactif</a>
</p>

<p align="center">
  <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Lire en ligne</a> ·
  <a href="#-navigation">Carte d'apprentissage</a> ·
  <a href="#contact">Communauté</a>
</p>

<p align="center">
    <a href="https://github.com/datawhalechina/easy-vibe/stargazers" target="_blank">
        <img src="https://img.shields.io/github/stars/datawhalechina/easy-vibe?color=660874&style=for-the-badge&logo=star&logoColor=white&labelColor=1a1a2e" alt="Stars"></a>
    <a href="https://github.com/datawhalechina/easy-vibe/network/members" target="_blank">
        <img src="https://img.shields.io/github/forks/datawhalechina/easy-vibe?color=660874&style=for-the-badge&logo=git-fork&logoColor=white&labelColor=1a1a2e" alt="Forks"></a>
    <a href="LICENSE" target="_blank">
        <img src="https://img.shields.io/badge/License-CC_BY_NC_SA_4.0-4ecdc4?style=for-the-badge&logo=creative-commons&logoColor=white&labelColor=1a1a2e" alt="License"></a>
</p>

<p align="center">
  <a href="../zh-CN/README.md"><img alt="简体中文" src="https://img.shields.io/badge/简体中文-d9d9d9"></a>
  <a href="../zh-TW/README.md"><img alt="繁體中文" src="https://img.shields.io/badge/繁體中文-d9d9d9"></a>
  <a href="../en-US/README.md"><img alt="English" src="https://img.shields.io/badge/English-d9d9d9"></a>
  <a href="../ja-JP/README.md"><img alt="日本語" src="https://img.shields.io/badge/日本語-d9d9d9"></a>
  <a href="../es-ES/README.md"><img alt="Español" src="https://img.shields.io/badge/Español-d9d9d9"></a>
  <a href="../fr-FR/README.md"><img alt="Français" src="https://img.shields.io/badge/Français-d9d9d9"></a>
  <a href="../tlh/README.md"><img alt="Klingon" src="https://img.shields.io/badge/Klingon-d9d9d9"></a>
  <a href="../ko-KR/README.md"><img alt="한국어" src="https://img.shields.io/badge/한국어-d9d9d9"></a>
  <a href="../ar-SA/README.md"><img alt="العربية" src="https://img.shields.io/badge/العربية-d9d9d9"></a>
  <a href="../tr-TR/README.md"><img alt="Türkçe" src="https://img.shields.io/badge/Türkçe-d9d9d9"></a>
  <a href="../vi-VN/README.md"><img alt="Tiếng_Việt" src="https://img.shields.io/badge/Tiếng_Việt-d9d9d9"></a>
  <a href="../de-DE/README.md"><img alt="Deutsch" src="https://img.shields.io/badge/Deutsch-d9d9d9"></a>
  <a href="../bn-BD/README.md"><img alt="বাংলা" src="https://img.shields.io/badge/বাংলা-d9d9d9"></a>
</p>

</div>
<table align="center">
  <tr>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-header.png" width="100%">
      <br>
      <strong>Carte d'apprentissage exclusive pour débutants</strong>
      <br>
      <sub>Guidage à partir de zéro, planification claire, dites adieu à "apprendre et oublier"</sub>
    </td>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-tutorial.png" width="100%">
      <br>
      <strong>Tutoriel graphique pas à pas</strong>
      <br>
      <sub>Explications détaillées, comme un tuteur privé à vos côtés</sub>
    </td>
  </tr>
  <tr>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-ide.gif" width="100%">
      <br>
      <strong>Programmation immersive simulée</strong>
      <br>
      <sub>Une souris virtuelle vous guide automatiquement pour maîtriser rapidement les usages essentiels de l'IDE</sub>
    </td>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-diffusion.gif" width="100%">
      <br>
      <strong>Principes d'IA visibles</strong>
      <br>
      <sub>Les principes algorithmiques animés permettent de comprendre en un coup d'oeil comment l'IA génère des images</sub>
    </td>
  </tr>
  <tr>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-rag.gif" width="100%">
      <br>
      <strong>Apprendre le RAG comme un jeu</strong>
      <br>
      <sub>Des composants interactifs exclusifs rendent le flux de donnees RAG clair en quelques clics</sub>
    </td>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/git-terminal.gif" width="100%">
      <br>
      <strong>Principes du terminal visualises</strong>
      <br>
      <sub>Les operations en ligne de commande sont visualisees pour rendre la logique sous-jacente plus intuitive</sub>
    </td>
  </tr>
</table>
<div align="center">
  <h3>⭐ Cliquez <a href="https://github.com/datawhalechina/easy-vibe" style="color: #d0cd16ff;">ici pour mettre une etoile</a> et accelerer les mises a jour ❤️</h3>
</div>

À l'ère de l'IA, les personnes qui transforment les idées en produits sont souvent celles qui font le premier pas. **Easy-Vibe est né pour cela.**

Easy-Vibe vous guide de 0 à 1 à travers les étapes suivantes :

> Choisissez votre point de départ selon votre niveau :
> - **Débutant / Product Manager** : Commencez par Stage 1 pour développer une pensée de programmation et maîtriser AI IDE pour le prototypage rapide
> - **Développeur** : Commencez par Stage 2 pour approfondir le développement full-stack et l'intégration IA
> - **Développeur avancé** : Passez directement à Stage 3 pour explorer Claude Code et le développement multiplateforme

| Étape | Compétences clés | Résultat |
| :--- | :--- | :--- |
| **Stage 1** | Carte d'apprentissage, Intro programmation IA, AI IDE, Pensée produit, Prototypage, Intégration capacités IA | Mini-jeux interactifs, Prototypes de produit complets |
| **Stage 2** | Développement Full-stack, Bases de données, Intégration IA, Déploiement et opérations | Applications IA Full-stack prêtes pour la production |
| **Stage 3** | Claude Code avancé, Développement multiplateforme | Applications multiplateformes de niveau production |
| **Annexe** | Fondamentaux informatique, Intro IA, 9 domaines de connaissance | Plus de 80 sujets interactifs |

## 🔥 Nouvelles

- **[2026-03-25]** 📚 **README aligne sur la derniere version chinoise** : L'entree en francais a ete synchronisee avec l'introduction, la navigation d'apprentissage et la structure de contenu les plus recentes.
- **[2026-03-02]** 🦞 **Support OpenClaw & AI Agents** : Ajout du fichier de navigation AI `llms.txt`, permettant à OpenClaw, Claude, Cursor, Trae et autres AI Agents de comprendre rapidement la structure du dépôt et de localiser précisément le contenu du tutoriel. Nous espérons que chaque 🦞 appréciera l'apprentissage !
- **[2026-03-01]** [Section développement avancé](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) mise à niveau complète : Ajout de sept guides détaillés Claude Code (MCP, Skills, Agent Teams, etc.) et huit tutoriels de développement multiplateforme (PWA, Electron, NFT, extensions VS Code, applications industrielles Qt, etc.).
- **[2026-02-25]** Mise à jour de la [Base de connaissances de l'annexe](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/), couvrant 9 domaines de connaissance et plus de 80 sujets interactifs.
- **[2026-01-27]** Ajout de tutoriels de developpement d'applications pour Android et iOS.
- **[2026-01-19]** Publication d'une serie de composants de demonstration interactifs sur le Prompt Engineering, l'evolution de l'IA, la conception d'authentification et les principes de Git.

<details>
<summary>Past News</summary>

- **[2026-01-16]** Restructuration du projet, établissement formel du chapitre "Introduction pour débutants", réduction des obstacles.
- **[2026-01-14]** Mise à jour massive du document Stage 1 "Construction de prototypes de produits".
- **[2026-01-13]** Reconstruction de l'architecture documentaire, support multilingue complet (i18n).
- **[2026-01-01]** Lancement de la carte d'apprentissage principale du projet.
</details>

### 📖 Navigation

<div align="center">
  <img src="../../assets/readme-image1.png" alt="Learning Map" width="70%" style="border-radius: 10px; box-shadow: 0 8px 20px rgba(45,55,72,0.3); margin: 15px 0;"/>
</div>

### 📚 Base de connaissances de l'annexe

> Couvre **9 domaines de connaissance** et **80+ sujets interactifs** avec des animations et des composants visuels pour vous aider a comprendre intuitivement les concepts essentiels, des fondements informatiques jusqu'aux frontieres de l'IA.
>
> 👉 [Voir l'annexe complete](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/) · [Dictionnaire des capacites IA](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/8-artificial-intelligence/ai-capability-dictionary)

<table>
  <tr>
    <td valign="top" width="33%">
      <strong>💻 Fondamentaux Informatiques</strong><br><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/transistor-to-cpu.html">Du transistor au CPU</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/operating-systems.html">Systèmes d'exploitation</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/data-encoding-storage.html">Codage, stockage et transmission des données</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/computer-networks.html">Réseaux : comment deux ordinateurs dialoguent</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/data-structures.html">Structures de données</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/algorithm-thinking.html">Introduction à la pensée algorithmique</a>
    </td>
    <td valign="top" width="33%">
      <strong>🔧 Outils de Développement</strong><br><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/git-version-control.html">Git : la machine à remonter le temps du code</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/command-line-shell.html">Ligne de commande et scripts Shell</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/ide-vscode.html">IDE et VS Code</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/browser-devtools.html">Outils de développement navigateur</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/package-managers.html">Gestionnaires de paquets</a>
    </td>
    <td valign="top" width="33%">
      <strong>💡 Programmation Web</strong><br><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/3-web-programming/html-css-basics.html">HTML & CSS</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/3-web-programming/javascript-basics.html">JavaScript</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/3-web-programming/dom-manipulation.html">Manipulation du DOM</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/3-web-programming/fetch-api-async.html">Fetch API et programmation asynchrone</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/3-web-programming/vue-react-frameworks.html">Frameworks MV* (Vue/React)</a>
    </td>
  </tr>
</table>

### I. Entrée Zéro Base

| Chapitre | Contenu clé | État |
| :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- |
| [Préface : Carte d'apprentissage](../../docs/zh-cn/stage-0/0.1-learning-map/index.md) | Navigation globale du parcours d'apprentissage | ✅ |
| [Niveau 1 : Ère de l'IA, Parler c'est programmer](../../docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Expérimenter la programmation IA à travers des cas | ✅ |
| [Niveau 2 : Trouver de grandes idées](../../docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | Apprendre à trouver et valider des idées produits | ✅ |
| [Niveau 3 : Introduction aux outils AI IDE](../../docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Apprendre à utiliser l'IDE, créer des jeux localement | ✅ |
| [Niveau 4 : Construction de prototypes pratiques](../../docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Des besoins aux prototypes mono/multipage | ✅ |
| [Niveau 5 : Ajouter des capacités IA aux prototypes](../../docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Intégrer l'IA (texte, image, vidéo) | ✅ |
| [Niveau 6 : Pratique de projet complet](../../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simuler des scénarios réels, itérer avec les retours | ✅ |

#### Annexe : Pensée Commerciale

| Chapitre | Contenu clé | État |
| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [Annexe A : Pensée produit et conception de solutions](../../docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Cadres de pensée pour créer des produits | ✅ |
| [Annexe B : Scènes d'application IA (B2B)](../../docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | Applications IA dans différents secteurs | ✅ |
| [Annexe C : Inspiration scènes de consommation IA (B2C)](../../docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | Explorer les applications IA grand public | ✅ |

#### Annexe : Solutions Techniques

| Chapitre | Contenu clé | État |
| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [Annexe D : Que faire en cas d'erreur](../../docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Erreurs courantes en vibe coding | ✅ |
| [Annexe E : Comparatif de 7 outils de programmation IA](../../docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | Comparatif des plateformes IA | ✅ |
| [Annexe F : Conception de sites avec agents de design et programmation](../../docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Collaboration multi-agents | ✅ |

<details>
<summary><strong>II. Développeur Intermédiaire</strong></summary>

#### Front-end

| Chapitre | Contenu clé | État |
| :------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- |
| [Front-end 0 : Assets avec Lovart](../../docs/zh-cn/stage-2/frontend/2.0-lovart-assets/) | Générer en masse des assets visuels | 🚧 |
| [Front-end 1 : Introduction à Figma & MasterGo](../../docs/zh-cn/stage-2/frontend/2.1-figma-mastergo/) | Organiser l'architecture de l'information et la structure des pages | 🚧 |
| [Front-end 2 : Construction du premier app moderne - UI Design](../../docs/zh-cn/stage-2/frontend/2.2-ui-design/) | Workflow design-to-code avec composants | 🚧 |
| [Front-end 3 : Spécifications UI et design multi-produits](../../docs/zh-cn/stage-2/frontend/2.3-multi-product-ui/) | Design systématique multi-produits | 🚧 |
| [Front-end 4 : Portraits de Hogwarts ensemble](../../docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md) | Créer une app front-end avec IA de 0 à 1 | ✅ |

#### Back-end & Full-stack

| Chapitre | Contenu clé | État |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- |
| [Back-end 1 : Qu'est-ce qu'une API](../../docs/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api.md) | Comprendre HTTP et les modèles requête/réponse | ✅ |
| [Back-end 2 : De la base de données à Supabase](../../docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase.md) | Implémenter DB et API sur Supabase | ✅ |
| [Back-end 3 : Code et documentation d'API assistés par IA](../../docs/zh-cn/stage-2/backend/2.3-ai-interface-code/) | Générer docs et code d'API avec LLM | 🚧 |
| [Back-end 4 : Workflow Git](../../docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github.md) | Contrôle de version et collaboration Git | ✅ |
| [Back-end 5 : Déploiement sur Zeabur](../../docs/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | Déployer des applications sur Zeabur | ✅ |
| [Back-end 6 : Outils CLI modernes](../../docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | Accélérer le développement avec CLI IA | ✅ |
| [Back-end 7 : Intégration de systèmes de paiement comme Stripe](../../docs/zh-cn/stage-2/backend/2.7-stripe-payment/) | Intégrer le paiement et le flux de règlement | 🚧 |
| [Projet 1 : Première application moderne - App Full-stack](../../docs/zh-cn/stage-2/assignments/2.1-fullstack-app/) | Compléter une app Web full-stack production | 🚧 |
| [Projet 2 : Bibliothèque UI moderne + Pratique Trae](../../docs/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/) | Produit indépendant avec auth et paiement | 🚧 |

#### Annexe Capacité IA

| Chapitre | Contenu clé | État |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
| [IA 1 : Introduction à Dify & Base de connaissances](../../docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration.md) | Construire des produits utilitaires avec Dify & RAG | ✅ |
| [IA 2 : Dictionnaire IA & APIs multimodales](../../docs/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook.md) | Rechercher modèles/APIs et intégrer le multimodal | 🚧 |

</details>

<details>
<summary><strong>III. Développeur Avancé</strong></summary>

#### Compétences Fondamentales Claude Code

| Chapitre | Contenu clé | État |
| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- |
| [Démarrage rapide Claude Code](../../docs/zh-cn/stage-3/core-skills/basics/) | Installation, opérations de base, tips et commandes | ✅ |
| [Guide complet Claude Code MCP](../../docs/zh-cn/stage-3/core-skills/mcp/) | Connecter Claude Code à GitHub, DB, APIs via MCP | ✅ |
| [Guide complet Claude Code Skills](../../docs/zh-cn/stage-3/core-skills/skills/) | Empaqueter les connaissances en skill packs réutilisables | ✅ |
| [Meilleures pratiques workflow Claude Code](../../docs/zh-cn/stage-3/core-skills/workflow/) | Meilleures pratiques pour dev quotidien, refactoring, code review | ✅ |
| [Guide complet Claude Agent Teams](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | Collaboration multi-IA comme une vraie équipe de dev | ✅ |
| [Claude Code Superpowers Développement ingénierie](../../docs/zh-cn/stage-3/core-skills/superpowers/) | Écrire du code de qualité professionnelle avec TDD et bonnes pratiques | ✅ |
| [Comment faire travailler Claude Code longtemps](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | Concevoir des tâches de longue durée pour un travail continu | ✅ |

#### Développement Multiplateforme

| Chapitre | Contenu clé | État |
| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- |
| [Comment construire un Mini Programme WeChat](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | Écosystème mini programme, du template au lancement | ✅ |
| [Comment construire un Mini Programme WeChat avec Back-end](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | Intégrer DB et logique back-end dans les mini programmes | ✅ |
| [Développement d'applications Android](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Développement Android unifié Web/Natif avec Expo | ✅ |
| [Développement d'applications iOS](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Développement iOS unifié Web/Natif avec Expo | ✅ |
| [Comment construire un site personnel et blog académique](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | Du choix tech au déploiement, construire une page personnelle | ✅ |
| [Développement PWA](../../docs/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/) | Construire des Progressive Web Apps avec support offline | 🚧 |
| [Développement d'extension navigateur AI](../../docs/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/) | Développer des extensions Chrome pour résumer des pages | 🚧 |
| [Développement d'application bureau Electron](../../docs/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/) | Construire une app bureau reconnaissance vocale avec Electron | 🚧 |
| [Comment développer et créer un NFT rapidement](../../docs/zh-cn/stage-3/cross-platform/3.11-nft-minting/) | Écrire des smart contracts, déployer sur testnet Ethereum | 🚧 |
| [Développement d'extensions VS Code](../../docs/zh-cn/stage-3/cross-platform/3.12-vscode-extension/) | Développer des extensions pour assistants de projet IA | 🚧 |
| [Développement d'applications industrielles Qt](../../docs/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/) | Construire un système HMI de surveillance de pompe industrielle avec Qt | 🚧 |

#### Annexe Capacité IA Avancée

| Chapitre | Contenu clé | État |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
| [Qu'est-ce que le RAG et comment il fonctionne](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/) | Comprendre le RAG et les architectures courantes | ✅ |
| [RAG intermédiaire et orchestration de workflow : LangGraph](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | Concevoir des workflows multi-étapes et systèmes RAG avancés | 🚧 |

</details>

## 🛠️ Comment apprendre

- Choisissez les chapitres à lire et pratiquer selon votre niveau. N'hésitez pas à ouvrir une issue pour des questions.

## 💻 Configuration locale

### Approche moderne

Dans un AI IDE (VS Code, Cursor, Trae, etc.), utilisez le prompt suivant :

```
Veuillez m'aider à exécuter le service local de ce projet.
```

### Approche traditionnelle

1. npm install
2. npm run dev
3. Ouvrez `http://localhost:3000` dans votre navigateur.

## 🤝 Contribuer

- Si vous trouvez des problèmes ou avez des suggestions, veuillez ouvrir une Issue.
- Pour contribuer, veuillez soumettre une Pull Request.
- Si vous voulez démarrer un nouveau projet avec Datawhale, suivez le [Guide de projet open source Datawhale](https://github.com/datawhalechina/DOPMC/blob/main/GUIDE.md).

## 🙏 Remerciements

- [Sanbu - Lead du projet](https://github.com/sanbuphy) (Membre Datawhale)
- Fang Ke - Advisor (Membre Datawhale, Université Tsinghua)
- [Yerim Kang](https://github.com/yerim25) (Projets pratiques - Université Tsinghua)
- Zhao Zhilin (Projets pratiques - Université Tsinghua)
- [Li Yixuan](https://yixuan20.github.io/) (Design visuel - Université Tsinghua)
- Liu Siyi (Projets pratiques - Université Tsinghua)
- Tous les beta-testeurs du groupe AI Vibe Coding 101 pour leurs retours.

### Remerciements spéciaux

- Merci à [@Sm1les](https://github.com/Sm1les) pour son support et son aide.
- Merci à tous les contributeurs et à tous ceux qui ont mis une étoile à ce projet ❤️

*(Voir les détails dans les autres langues ou le dépôt principal)*