test-repo/docs-readme/ar-SA

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

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

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

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

القراءة عبر الإنترنت · خريطة التعلم · المجتمع
Read Online · Learning Map · Community

خريطة تعلم حصرية للمبتدئين توجيه من الصفر، تخطيط مسار واضح، وداعًا لـ "تعلم وانسى"	دليل مصور خطوة بخطوة شرح مفصل بالصور، كأن لديك معلمًا خاصًا بجانبك
برمجة محاكاة غامرة مرشد افتراضي بالفأرة يساعدك على إتقان استخدامات 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] قسم التطوير المتقدم تم تحديثه بالكامل: تمت إضافة سبعة أدلة تفصيلية لـ Claude Code (MCP، Skills، Agent Teams، إلخ) وثمانية دروس للتطوير متعدد المنصات (PWA، Electron، NFT، إضافات VS Code، تطبيقات Qt الصناعية، إلخ).
• [2026-02-25] تم تحديث قاعدة معرفة الملحق، تغطي 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] إطلاق خريطة التعلم الرئيسية للمشروع.

📖 التنقل

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

تغطي 9 مجالات معرفية و80+ موضوعًا تفاعليًا باستخدام الرسوم المتحركة والمكونات المرئية لمساعدتك على فهم المفاهيم الأساسية من أساسيات الحاسوب حتى حدود الذكاء الاصطناعي.

👉 عرض الملحق الكامل · قاموس قدرات الذكاء الاصطناعي

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

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

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

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

الفصل	المحتوى الأساسي	الحالة
مقدمة: خريطة التعلم	التنقل في مسار التعلم الشامل	✅
المستوى الأول: عصر الذكاء الاصطناعي، التحدث هو البرمجة	تجربة برمجة الذكاء الاصطناعي من خلال الأمثلة	✅
المستوى الثاني: إيجاد الأفكار الكبيرة	تعلم إيجاد والتحقق من أفكار المنتجات	✅
المستوى الثالث: مقدمة لأدوات AI IDE	تعلم استخدام IDE، إنشاء الألعاب محلياً	✅
المستوى الرابع: بناء النماذج الأولية عملياً	من تحليل المتطلبات إلى النماذج الأولية	✅
المستوى الخامس: إضافة قدرات الذكاء الاصطناعي للنماذج	تعلم دمج الذكاء الاصطناعي (نص، صورة، فيديو)	✅
المستوى السادس: مشروع عملي كامل	محاكاة سيناريوهات حقيقية، التكرار مع الملاحظات	✅

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

الفصل	المحتوى الأساسي	الحالة
ملحق أ: تفكير المنتج وتصميم الحلول	أطر التفكير لبناء المنتجات	✅
ملحق ب: سيناريوهات تطبيق الذكاء الاصطناعي (B2B)	تطبيقات الذكاء الاصطناعي في مختلف الصناعات	✅
ملحق ج: إلهام سيناريوهات المستهلك (B2C)	استكشاف تطبيقات الذكاء الاصطناعي في منتجات المستهلك	✅

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

الفصل	المحتوى الأساسي	الحالة
ملحق د: ماذا تفعل عند حدوث خطأ	الأخطاء الشائعة في vibe coding	✅
ملحق هـ: مقارنة 7 أدوات برمجة الذكاء الاصطناعي	مقارنة منصات الذكاء الاصطناعي الرئيسية	✅
ملحق و: تصميم المواقع مع وكلاء التصميم والبرمجة	التعاون بين الوكلاء المتعددين	✅

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

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

الفصل	المحتوى الأساسي	الحالة
الواجهة الأمامية 0: الأصول مع Lovart	إنشاء الأصول البصرية بالجملة	🚧
الواجهة الأمامية 1: مقدمة Figma & MasterGo	تنظيم بنية المعلومات وهيكل الصفحة	🚧
الواجهة الأمامية 2: بناء أول تطبيق حديث - تصميم UI	سير العمل من التصميم إلى الكود	🚧
الواجهة الأمامية 3: مواصفات التصميم ومتعددة المنتجات	التصميم المنهجي متعدد المنتجات	🚧
الواجهة الأمامية 4: صور هوغوورتس معاً	بناء تطبيق واجهة أمامية بالذكاء الاصطناعي	✅

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

الفصل	المحتوى الأساسي	الحالة
الخلفية 1: ما هو الـ API	فهم نماذج HTTP والاستجابة	✅
الخلفية 2: من قاعدة البيانات إلى Supabase	تنفيذ قاعدة البيانات والـ API على Supabase	✅
الخلفية 3: توليد كود وتوثيق API بالذكاء الاصطناعي	توليد التوثيق والكود بالذكاء الاصطناعي	🚧
الخلفية 4: سير عمل Git	التحكم في الإصدارات والتعاون مع Git	✅
الخلفية 5: النشر على Zeabur	نشر التطبيقات على Zeabur	✅
الخلفية 6: أدوات CLI الحديثة	تسريع التطوير باستخدام أدوات الذكاء الاصطناعي	✅
الخلفية 7: دمج أنظمة الدفع مثل Stripe	دمج الدفع والتسوية	🚧
المشروع 1: أول تطبيق حديث - تطبيق Full-stack	إكمال تطبيق ويب كامل	🚧
المشروع 2: مكتبة UI الحديثة + ممارسة Trae	منتج مستقل مع المصادقة والدفع	🚧

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

الفصل	المحتوى الأساسي	الحالة
الذكاء الاصطناعي 1: مقدمة Dify وقاعدة المعرفة	بناء المنتجات باستخدام Dify و RAG	✅
الذكاء الاصطناعي 2: قاموس الذكاء الاصطناعي وواجهات API متعددة الوسائط	البحث عن النماذج وواجهات API	🚧

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

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

الفصل	المحتوى الأساسي	الحالة
بدء سريع Claude Code	التثبيت، العمليات الأساسية، النصائح والأوامر	✅
دليل Claude Code MCP الشامل	ربط Claude Code بـ GitHub، قواعد البيانات، واجهات API	✅
دليل Claude Code Skills الشامل	تعبئة المعرفة في حزم مهارات قابلة لإعادة الاستخدام	✅
أفضل ممارسات سير عمل Claude Code	أفضل الممارسات للتطوير اليومي ومراجعة الكود	✅
دليل Claude Agent Teams الشامل	التعاون بين عدة مثيلات ذكاء اصطناعي	✅
Claude Code Superpowers تطوير هندسي	كتابة كود هندسي بجودة عالية	✅
كيف نجعل Claude Code يعمل لفترة طويلة	تصميم مهام طويلة المدى للعمل المستمر	✅

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

الفصل	المحتوى الأساسي	الحالة
كيف تبني برنامج ويشات الصغير	نظام البرامج الصغيرة، من القالب إلى الإطلاق	✅
كيف تبني برنامج ويشات الصغير مع الخلفية	دمج قاعدة البيانات والمنطق الخلفي	✅
تطوير تطبيقات Android	تطوير Android موحد مع Expo	✅
تطوير تطبيقات iOS	تطوير iOS موحد مع Expo	✅
كيف تبني موقعاً شخصياً ومدونة أكاديمية	من الاختيار إلى النشر، بناء صفحة شخصية	✅
تطوير PWA	بناء تطبيقات ويب متقدمة مع دعم دون اتصال	🚧
تطوير إضافات متصفح الذكاء الاصطناعي	تطوير إضافات Chrome	🚧
تطوير تطبيق سطح مكتب Electron	بناء تطبيق سطح مكتب للتعرف على الصوت	🚧
كيف تطور وت minted NFT بسرعة	كتابة عقود ذكية، النشر على شبكة الإيثريوم	🚧
تطوير إضافات VS Code	تطوير إضافات لمساعدين المشاريع	🚧
تطبيقات Qt الصناعية	بناء نظام HMI للمراقبة الصناعية	🚧

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

الفصل	المحتوى الأساسي	الحالة
ما هو RAG وكيف يعمل	فهم RAG والهندسة المعمارية الشائعة	✅
RAG متوسط وتنسيق سير العمل: LangGraph	تصميم سير عمل متعدد الخطوات	🚧

🛠️ كيف تتعلم

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

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

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

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

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

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

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

🤝 المساهمة

• إذا وجدت مشاكل أو لديك اقتراحات، يرجى فتح Issue.
• للمساهمة، يرجى تقديم Pull Request.
• إذا كنت تريد بدء مشروع جديد مع Datawhale، اتبع دليل مشروع Datawhale مفتوح المصدر.

🙏 الشكر

• Sanbu - قائد المشروع (عضو Datawhale)
• Fang Ke - advisor (عضو Datawhale، جامعة تسينغهوا)
• Yerim Kang (المشاريع العملية - جامعة تسينغهوا)
• Zhao Zhilin (المشاريع العملية - جامعة تسينغهوا)
• Li Yixuan (التصميم البصري - جامعة تسينغهوا)
• Liu Siyi (المشاريع العملية - جامعة تسينغهوا)
• جميع المختبريين من مجموعة AI Vibe Coding 101 على ملاحظاتهم.

شكر خاص

• شكراً لـ @Sm1les على الدعم والمساعدة.
• شكراً لجميع المساهمين والجميع الذي وضع نجمة على هذا المشروع ❤️

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