███████╗ █████╗ ███████╗██╗   ██╗    ██╗   ██╗██╗██████╗ ███████╗
██╔════╝██╔══██╗██╔════╝╚██╗ ██╔╝    ██║   ██║██║██╔══██╗██╔════╝
█████╗  ███████║███████╗ ╚████╔╝     ██║   ██║██║██████╔╝█████╗  
██╔══╝  ██╔══██║╚════██║  ╚██╔╝      ╚██╗ ██╔╝██║██╔══██╗██╔══╝  
███████╗██║  ██║███████║   ██║        ╚████╔╝ ██║██████╔╝███████╗
╚══════╝╚═╝  ╚═╝╚══════╝   ╚═╝         ╚═══╝  ╚═╝╚═════╝ ╚══════╝

# Easy-Vibe : تعلم Vibe Coding من 0 إلى 1

📌 القراءة عبر الإنترنت (Read Online) · ✨ دليل تفاعلي

القراءة عبر الإنترنت · خريطة التعلم · المجتمع

خريطة تعلم حصرية للمبتدئين
_{توجيه من الصفر، تخطيط مسار واضح، وداعًا لـ "تعلم وانسى"}

دليل مصور خطوة بخطوة
_{شرح مفصل بالصور، كأن لديك معلمًا خاصًا بجانبك}

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

### 📖 التنقل

Learning Map

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

💻 أساسيات الحاسوب

• من الترانزستور إلى المعالج
• أنظمة التشغيل
• ترميز وتخزين ونقل البيانات
• الشبكات: كيف يتحدث جهازان
• هياكل البيانات
• مقدمة في التفكير الخوارزمي

🔧 أدوات التطوير

• Git: آلة الزمن للكود
• سطر الأوامر ونصوص Shell
• محررات الأكواد و VS Code
• أدوات تطوير المتصفح
• مديرو الحزم

💡 برمجة الويب

• HTML & CSS
• JavaScript
• معالجة DOM
• Fetch API والبرمجة غير المتزامنة
• أطر العمل (Vue/React)

### 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) | التعاون بين الوكلاء المتعددين | ✅ |

II. المطور المتوسط

#### الواجهة الأمامية | الفصل | المحتوى الأساسي | الحالة | | :------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- | | [الواجهة الأمامية 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 | 🚧 |

III. المطور المتقدم

#### مهارات 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/) | تصميم سير عمل متعدد الخطوات | 🚧 |

## 🛠️ كيف تتعلم - اختر الفصول للقراءة والممارسة وفقاً لمستواك. لا تتردد في فتح 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) على الدعم والمساعدة. - شكراً لجميع المساهمين والجميع الذي وضع نجمة على هذا المشروع ❤️ *(راجع التفاصيل في الوثائق عبر الإنترنت أو المستودع الرئيسي)*