docs-readme/ar-SA/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 : تعلم Vibe Coding من 0 إلى 1

<p align="center" style="font-size: 1.05em; color: #666; margin: 16px 0 8px;">
  ابدأ مباشرة ولنخض الـ vibe معًا! إذا كنت تستطيع التحدث، فأنت تستطيع بناء التطبيقات<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">القراءة عبر الإنترنت (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">دليل تفاعلي</a>
</p>

<p align="center">
  <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">القراءة عبر الإنترنت</a> ·
  <a href="#-التنقل">خريطة التعلم</a> ·
  <a href="#contact">المجتمع</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" dir="rtl">
  <tr>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-header.png" width="100%">
      <br>
      <strong>خريطة تعلم حصرية للمبتدئين</strong>
      <br>
      <sub>توجيه من الصفر، تخطيط مسار واضح، وداعًا لـ "تعلم وانسى"</sub>
    </td>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-tutorial.png" width="100%">
      <br>
      <strong>دليل مصور خطوة بخطوة</strong>
      <br>
      <sub>شرح مفصل بالصور، كأن لديك معلمًا خاصًا بجانبك</sub>
    </td>
  </tr>
  <tr>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-ide.gif" width="100%">
      <br>
      <strong>برمجة محاكاة غامرة</strong>
      <br>
      <sub>مرشد افتراضي بالفأرة يساعدك على إتقان استخدامات IDE الأساسية بسرعة</sub>
    </td>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-diffusion.gif" width="100%">
      <br>
      <strong>مبادئ الذكاء الاصطناعي المرئية</strong>
      <br>
      <sub>تحويل المبادئ الخوارزمية إلى رسوم متحركة لفهم كيف "يرسم" الذكاء الاصطناعي الصور</sub>
    </td>
  </tr>
  <tr>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/gif-rag.gif" width="100%">
      <br>
      <strong>تعلم RAG كما لو كنت تلعب</strong>
      <br>
      <sub>مكونات تفاعلية حصرية توضح تدفق بيانات RAG بوضوح من خلال النقر</sub>
    </td>
    <td width="50%" valign="top" align="center">
      <img src="../../assets/git-terminal.gif" width="100%">
      <br>
      <strong>مبادئ الطرفية المرئية</strong>
      <br>
      <sub>تصوير عمليات سطر الأوامر بصريًا لشرح المنطق الخلفي والمبادئ بشكل بديهي</sub>
    </td>
  </tr>
</table>
<div align="center">
  <h3>⭐ اضغط <a href="https://github.com/datawhalechina/easy-vibe" style="color: #d0cd16ff;">هنا لإضافة Star</a> لتسريع التحديثات ❤️</h3>
</div>

في عصر الذكاء الاصطناعي، الأشخاص الذين يحولون الأفكار إلى منتجات هم غالبًا ليسوا الأقوى تقنيًا، بل هم الذين يتخذون الخطوة الأولى. **ولد Easy-Vibe لهذا الغرض.**

Easy-Vibe يرشدك من 0 إلى 1 عبر المراحل التالية:

> اختر نقطة البداية حسب مستواك:
> - **مبتدئ / مدير منتج**: ابدأ من Stage 1 لتطوير تفكير البرمجة وإتقان AI IDE للنماذج الأولية السريعة
> - **مطور**: ابدأ من Stage 2 للتعمق في التطوير الشامل وتكامل AI
> - **مطور متقدم**: انتقل مباشرة إلى Stage 3 لاستكشاف Claude Code والتطوير متعدد المنصات

| المرحلة | المهارات الأساسية | المخرجات |
| :--- | :--- | :--- |
| **Stage 1** | خريطة التعلم، مقدمة برمجة AI، AI IDE، فكر المنتج، النماذج الأولية، تكامل قدرات AI | ألعاب تفاعلية، نماذج أولية كاملة للمنتج |
| **Stage 2** | التطوير الشامل، قواعد البيانات، تكامل AI، النشر والعمليات | تطبيقات AI شاملة جاهزة للإنتاج |
| **Stage 3** | Claude Code المتقدم، التطوير متعدد المنصات | تطبيقات متعددة المنصات بمستوى الإنتاج |
| **الملحق** | أساسيات الحاسوب، مقدمة AI، 9 مجالات معرفية | أكثر من 80 موضوع تفاعلي |

## 🔥 أخبار

- **[2026-03-25]** 📚 **تمت مزامنة README مع أحدث نسخة صينية**: تم تحديث المدخل العربي ليتوافق مع أحدث المقدمة وخريطة التعلم وبنية المحتوى.
- **[2026-03-02]** 🦞 **دعم OpenClaw و AI Agents**: تمت إضافة ملف التنقل AI `llms.txt`، مما يتيح لـ OpenClaw و Claude و Cursor و Trae وغيرها من AI Agents فهم هيكل المستودع بسرعة وتحديد محتوى الدورة بدقة. نتمنى لكل 🦞 تجربة تعلم ممتعة!
- **[2026-03-01]** [قسم التطوير المتقدم](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) تم تحديثه بالكامل: تمت إضافة سبعة أدلة تفصيلية لـ Claude Code (MCP، Skills، Agent Teams، إلخ) وثمانية دروس للتطوير متعدد المنصات (PWA، Electron، NFT، إضافات VS Code، تطبيقات Qt الصناعية، إلخ).
- **[2026-02-25]** تم تحديث [قاعدة معرفة الملحق](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/)، تغطي 9 مجالات معرفية وأكثر من 80 موضوع تفاعلي.
- **[2026-01-27]** تمت إضافة دروس لتطوير تطبيقات Android و iOS.
- **[2026-01-19]** تم إصدار مجموعة من المكونات التفاعلية حول Prompt Engineering وتطور الذكاء الاصطناعي وتصميم المصادقة ومبادئ Git.

<details>
<summary>أخبار سابقة</summary>

- **[2026-01-16]** إعادة هيكلة المشروع، إنشاء رسمي لفصل "المبتدئين"، تقليل الحواجز.
- **[2026-01-14]** اكتمال التحديث الشامل لمستندات المرحلة الأولى "بناء نماذج المنتجات".
- **[2026-01-13]** اكتمال إعادة بناء وثائق المشروع، دعم كامل متعدد اللغات (i18n).
- **[2026-01-01]** إطلاق خريطة التعلم الرئيسية للمشروع.
</details>

### 📖 التنقل

<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>

### 📚 قاعدة معرفة الملحق

> تغطي **9 مجالات معرفية** و**80+ موضوعًا تفاعليًا** باستخدام الرسوم المتحركة والمكونات المرئية لمساعدتك على فهم المفاهيم الأساسية من أساسيات الحاسوب حتى حدود الذكاء الاصطناعي.
>
> 👉 [عرض الملحق الكامل](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/) · [قاموس قدرات الذكاء الاصطناعي](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/8-artificial-intelligence/ai-capability-dictionary)

<table>
  <tr>
    <td valign="top" width="33%">
      <strong>💻 أساسيات الحاسوب</strong><br><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/transistor-to-cpu.html">من الترانزستور إلى المعالج</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/operating-systems.html">أنظمة التشغيل</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/data-encoding-storage.html">ترميز وتخزين ونقل البيانات</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/computer-networks.html">الشبكات: كيف يتحدث جهازان</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/data-structures.html">هياكل البيانات</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/algorithm-thinking.html">مقدمة في التفكير الخوارزمي</a>
    </td>
    <td valign="top" width="33%">
      <strong>🔧 أدوات التطوير</strong><br><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/git-version-control.html">Git: آلة الزمن للكود</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/command-line-shell.html">سطر الأوامر ونصوص Shell</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/ide-vscode.html">محررات الأكواد و VS Code</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/browser-devtools.html">أدوات تطوير المتصفح</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/package-managers.html">مديرو الحزم</a>
    </td>
    <td valign="top" width="33%">
      <strong>💡 برمجة الويب</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">معالجة DOM</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/3-web-programming/fetch-api-async.html">Fetch API والبرمجة غير المتزامنة</a><br>
      • <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/3-web-programming/vue-react-frameworks.html">أطر العمل (Vue/React)</a>
    </td>
  </tr>
</table>

### I. دخول بدون خبرة سابقة

| الفصل | المحتوى الأساسي | الحالة |
| :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- |
| [مقدمة: خريطة التعلم](../../docs/zh-cn/stage-0/0.1-learning-map/index.md) | التنقل في مسار التعلم الشامل | ✅ |
| [المستوى الأول: عصر الذكاء الاصطناعي، التحدث هو البرمجة](../../docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | تجربة برمجة الذكاء الاصطناعي من خلال الأمثلة | ✅ |
| [المستوى الثاني: إيجاد الأفكار الكبيرة](../../docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | تعلم إيجاد والتحقق من أفكار المنتجات | ✅ |
| [المستوى الثالث: مقدمة لأدوات AI IDE](../../docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | تعلم استخدام IDE، إنشاء الألعاب محلياً | ✅ |
| [المستوى الرابع: بناء النماذج الأولية عملياً](../../docs/zh-cn/stage-1/1.2-building-prototype/index.md) | من تحليل المتطلبات إلى النماذج الأولية | ✅ |
| [المستوى الخامس: إضافة قدرات الذكاء الاصطناعي للنماذج](../../docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | تعلم دمج الذكاء الاصطناعي (نص، صورة، فيديو) | ✅ |
| [المستوى السادس: مشروع عملي كامل](../../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | محاكاة سيناريوهات حقيقية، التكرار مع الملاحظات | ✅ |

#### ملحق: التفكير التجاري

| الفصل | المحتوى الأساسي | الحالة |
| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [ملحق أ: تفكير المنتج وتصميم الحلول](../../docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | أطر التفكير لبناء المنتجات | ✅ |
| [ملحق ب: سيناريوهات تطبيق الذكاء الاصطناعي (B2B)](../../docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | تطبيقات الذكاء الاصطناعي في مختلف الصناعات | ✅ |
| [ملحق ج: إلهام سيناريوهات المستهلك (B2C)](../../docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | استكشاف تطبيقات الذكاء الاصطناعي في منتجات المستهلك | ✅ |

#### ملحق: الحلول التقنية

| الفصل | المحتوى الأساسي | الحالة |
| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [ملحق د: ماذا تفعل عند حدوث خطأ](../../docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | الأخطاء الشائعة في vibe coding | ✅ |
| [ملحق هـ: مقارنة 7 أدوات برمجة الذكاء الاصطناعي](../../docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | مقارنة منصات الذكاء الاصطناعي الرئيسية | ✅ |
| [ملحق و: تصميم المواقع مع وكلاء التصميم والبرمجة](../../docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | التعاون بين الوكلاء المتعددين | ✅ |

<details>
<summary><strong>II. المطور المتوسط</strong></summary>

#### الواجهة الأمامية

| الفصل | المحتوى الأساسي | الحالة |
| :------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- |
| [الواجهة الأمامية 0: الأصول مع Lovart](../../docs/zh-cn/stage-2/frontend/2.0-lovart-assets/) | إنشاء الأصول البصرية بالجملة | 🚧 |
| [الواجهة الأمامية 1: مقدمة Figma & MasterGo](../../docs/zh-cn/stage-2/frontend/2.1-figma-mastergo/) | تنظيم بنية المعلومات وهيكل الصفحة | 🚧 |
| [الواجهة الأمامية 2: بناء أول تطبيق حديث - تصميم UI](../../docs/zh-cn/stage-2/frontend/2.2-ui-design/) | سير العمل من التصميم إلى الكود | 🚧 |
| [الواجهة الأمامية 3: مواصفات التصميم ومتعددة المنتجات](../../docs/zh-cn/stage-2/frontend/2.3-multi-product-ui/) | التصميم المنهجي متعدد المنتجات | 🚧 |
| [الواجهة الأمامية 4: صور هوغوورتس معاً](../../docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md) | بناء تطبيق واجهة أمامية بالذكاء الاصطناعي | ✅ |

#### الخلفية والـ Full-stack

| الفصل | المحتوى الأساسي | الحالة |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- |
| [الخلفية 1: ما هو الـ API](../../docs/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api.md) | فهم نماذج HTTP والاستجابة | ✅ |
| [الخلفية 2: من قاعدة البيانات إلى Supabase](../../docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase.md) | تنفيذ قاعدة البيانات والـ API على Supabase | ✅ |
| [الخلفية 3: توليد كود وتوثيق API بالذكاء الاصطناعي](../../docs/zh-cn/stage-2/backend/2.3-ai-interface-code/) | توليد التوثيق والكود بالذكاء الاصطناعي | 🚧 |
| [الخلفية 4: سير عمل Git](../../docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github.md) | التحكم في الإصدارات والتعاون مع Git | ✅ |
| [الخلفية 5: النشر على Zeabur](../../docs/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | نشر التطبيقات على Zeabur | ✅ |
| [الخلفية 6: أدوات CLI الحديثة](../../docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | تسريع التطوير باستخدام أدوات الذكاء الاصطناعي | ✅ |
| [الخلفية 7: دمج أنظمة الدفع مثل Stripe](../../docs/zh-cn/stage-2/backend/2.7-stripe-payment/) | دمج الدفع والتسوية | 🚧 |
| [المشروع 1: أول تطبيق حديث - تطبيق Full-stack](../../docs/zh-cn/stage-2/assignments/2.1-fullstack-app/) | إكمال تطبيق ويب كامل | 🚧 |
| [المشروع 2: مكتبة UI الحديثة + ممارسة Trae](../../docs/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/) | منتج مستقل مع المصادقة والدفع | 🚧 |

#### ملحق قدرات الذكاء الاصطناعي

| الفصل | المحتوى الأساسي | الحالة |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
| [الذكاء الاصطناعي 1: مقدمة Dify وقاعدة المعرفة](../../docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration.md) | بناء المنتجات باستخدام Dify و RAG | ✅ |
| [الذكاء الاصطناعي 2: قاموس الذكاء الاصطناعي وواجهات API متعددة الوسائط](../../docs/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook.md) | البحث عن النماذج وواجهات API | 🚧 |

</details>

<details>
<summary><strong>III. المطور المتقدم</strong></summary>

#### مهارات Claude Code الأساسية

| الفصل | المحتوى الأساسي | الحالة |
| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- |
| [بدء سريع Claude Code](../../docs/zh-cn/stage-3/core-skills/basics/) | التثبيت، العمليات الأساسية، النصائح والأوامر | ✅ |
| [دليل Claude Code MCP الشامل](../../docs/zh-cn/stage-3/core-skills/mcp/) | ربط Claude Code بـ GitHub، قواعد البيانات، واجهات API | ✅ |
| [دليل Claude Code Skills الشامل](../../docs/zh-cn/stage-3/core-skills/skills/) | تعبئة المعرفة في حزم مهارات قابلة لإعادة الاستخدام | ✅ |
| [أفضل ممارسات سير عمل Claude Code](../../docs/zh-cn/stage-3/core-skills/workflow/) | أفضل الممارسات للتطوير اليومي ومراجعة الكود | ✅ |
| [دليل Claude Agent Teams الشامل](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | التعاون بين عدة مثيلات ذكاء اصطناعي | ✅ |
| [Claude Code Superpowers تطوير هندسي](../../docs/zh-cn/stage-3/core-skills/superpowers/) | كتابة كود هندسي بجودة عالية | ✅ |
| [كيف نجعل Claude Code يعمل لفترة طويلة](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | تصميم مهام طويلة المدى للعمل المستمر | ✅ |

#### التطوير متعدد المنصات

| الفصل | المحتوى الأساسي | الحالة |
| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- |
| [كيف تبني برنامج ويشات الصغير](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | نظام البرامج الصغيرة، من القالب إلى الإطلاق | ✅ |
| [كيف تبني برنامج ويشات الصغير مع الخلفية](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | دمج قاعدة البيانات والمنطق الخلفي | ✅ |
| [تطوير تطبيقات Android](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | تطوير Android موحد مع Expo | ✅ |
| [تطوير تطبيقات iOS](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | تطوير iOS موحد مع Expo | ✅ |
| [كيف تبني موقعاً شخصياً ومدونة أكاديمية](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | من الاختيار إلى النشر، بناء صفحة شخصية | ✅ |
| [تطوير PWA](../../docs/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/) | بناء تطبيقات ويب متقدمة مع دعم دون اتصال | 🚧 |
| [تطوير إضافات متصفح الذكاء الاصطناعي](../../docs/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/) | تطوير إضافات Chrome | 🚧 |
| [تطوير تطبيق سطح مكتب Electron](../../docs/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/) | بناء تطبيق سطح مكتب للتعرف على الصوت | 🚧 |
| [كيف تطور وت minted NFT بسرعة](../../docs/zh-cn/stage-3/cross-platform/3.11-nft-minting/) | كتابة عقود ذكية، النشر على شبكة الإيثريوم | 🚧 |
| [تطوير إضافات VS Code](../../docs/zh-cn/stage-3/cross-platform/3.12-vscode-extension/) | تطوير إضافات لمساعدين المشاريع | 🚧 |
| [تطبيقات Qt الصناعية](../../docs/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/) | بناء نظام HMI للمراقبة الصناعية | 🚧 |

#### ملحق قدرات الذكاء الاصطناعي المتقدمة

| الفصل | المحتوى الأساسي | الحالة |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
| [ما هو RAG وكيف يعمل](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/) | فهم RAG والهندسة المعمارية الشائعة | ✅ |
| [RAG متوسط وتنسيق سير العمل: LangGraph](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | تصميم سير عمل متعدد الخطوات | 🚧 |

</details>

## 🛠️ كيف تتعلم

- اختر الفصول للقراءة والممارسة وفقاً لمستواك. لا تتردد في فتح issue للأسئلة.

## 💻 الإعداد المحلي

### الطريقة الحديثة

في AI IDE (VS Code, Cursor, Trae، إلخ)، استخدم الـ prompt التالي:

```
الرجاء مساعدتي في تشغيل الخدمة المحلية لهذا المشروع.
```

### الطريقة التقليدية

1. npm install
2. npm run dev
3. افتح `http://localhost:3000` في متصفحك.

## 🤝 المساهمة

- إذا وجدت مشاكل أو لديك اقتراحات، يرجى فتح Issue.
- للمساهمة، يرجى تقديم Pull Request.
- إذا كنت تريد بدء مشروع جديد مع Datawhale، اتبع [دليل مشروع Datawhale مفتوح المصدر](https://github.com/datawhalechina/DOPMC/blob/main/GUIDE.md).

## 🙏 الشكر

- [Sanbu - قائد المشروع](https://github.com/sanbuphy) (عضو Datawhale)
- Fang Ke - advisor (عضو Datawhale، جامعة تسينغهوا)
- [Yerim Kang](https://github.com/yerim25) (المشاريع العملية - جامعة تسينغهوا)
- Zhao Zhilin (المشاريع العملية - جامعة تسينغهوا)
- [Li Yixuan](https://yixuan20.github.io/) (التصميم البصري - جامعة تسينغهوا)
- Liu Siyi (المشاريع العملية - جامعة تسينغهوا)
- جميع المختبريين من مجموعة AI Vibe Coding 101 على ملاحظاتهم.

### شكر خاص

- شكراً لـ [@Sm1les](https://github.com/Sm1les) على الدعم والمساعدة.
- شكراً لجميع المساهمين والجميع الذي وضع نجمة على هذا المشروع ❤️

*(راجع التفاصيل في الوثائق عبر الإنترنت أو المستودع الرئيسي)*