███████╗ █████╗ ███████╗██╗   ██╗    ██╗   ██╗██╗██████╗ ███████╗
██╔════╝██╔══██╗██╔════╝╚██╗ ██╔╝    ██║   ██║██║██╔══██╗██╔════╝
█████╗  ███████║███████╗ ╚████╔╝     ██║   ██║██║██████╔╝█████╗  
██╔══╝  ██╔══██║╚════██║  ╚██╔╝      ╚██╗ ██╔╝██║██╔══██╗██╔══╝  
███████╗██║  ██║███████║   ██║        ╚████╔╝ ██║██████╔╝███████╗
╚══════╝╚═╝  ╚═╝╚══════╝   ╚═╝         ╚═══╝  ╚═╝╚═════╝ ╚══════╝
# Easy-Vibe : تعلم Vibe Coding من 0 إلى 1

ابدأ مباشرة ولنخض الـ vibe معًا! إذا كنت تستطيع التحدث، فأنت تستطيع بناء التطبيقات
Jump right in and vibe together — if you can talk, you can build apps.

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

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

Stars Forks License

简体中文 繁體中文 English 日本語 Español Français Klingon 한국어 العربية Türkçe Tiếng_Việt Deutsch বাংলা


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

برمجة محاكاة غامرة
مرشد افتراضي بالفأرة يساعدك على إتقان استخدامات IDE الأساسية بسرعة
مبادئ الذكاء الاصطناعي المرئية
تحويل المبادئ الخوارزمية إلى رسوم متحركة لفهم كيف "يرسم" الذكاء الاصطناعي الصور

تعلم RAG كما لو كنت تلعب
مكونات تفاعلية حصرية توضح تدفق بيانات RAG بوضوح من خلال النقر
مبادئ الطرفية المرئية
تصوير عمليات سطر الأوامر بصريًا لشرح المنطق الخلفي والمبادئ بشكل بديهي

⭐ اضغط هنا لإضافة Star لتسريع التحديثات ❤️

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

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

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