هذه دورة فايب كودينج بالعربي في 10 دروس عملية، كل درس فيه مفهوم واحد وتمرين واحد تطبّقه على مشروعك. تبدأ بفهم طريقة عمل الذكاء الاصطناعي وكتابة الفكرة، ثم التخطيط والبيانات، ثم البناء خطوة بخطوة، ثم الدفع وتسجيل الدخول والاختبار والنشر. في النهاية يكون لديك تطبيق حقيقي منشور ومنهجية تكررها في أي مشروع.
- vibe coding بالعربي
- vibe coding شرح
- دورة فايب كودينج مجانية
- كورس برمجة بالذكاء الاصطناعي بالعربي
- كيف اتعلم البرمجة بالذكاء الاصطناعي من الصفر
ما هي دورة الفايب كودينج بالعربي وكيف تستفيد منها؟
إذا كنت تبحث عن فايب كودينج بالعربي بطريقة عملية لا نظرية، فهذه الدورة مصممة لك: عشرة دروس قصيرة، كل درس يشرح مفهوماً واحداً ثم يعطيك تمريناً تطبّقه مباشرة على مشروعك. لا تحتاج خبرة برمجية، تحتاج فكرة واحدة واضحة ونحو ساعة لكل درس. وإن لم تكن تعرف المصطلح بعد، ابدأ بمقال ما هو الـ Vibe Coding؟ ثم ارجع هنا.
فكرة الدورة بسيطة: الفايب كودينج ليس «سحراً» تكتب فيه جملة فيخرج تطبيق كامل، بل مهارة لها منهجية. من يتقنها يبني في أيام ما كان يحتاج أشهراً، ومن يتجاهلها يعلق في دوامة تعديلات لا تنتهي. الدروس مرتبة بحيث يبني كل درس على ما قبله، فلا تقفز إلى درس النشر قبل أن تمر بدرس البيانات.
| الدرس | الموضوع | ناتج التمرين |
|---|---|---|
| 1 | كيف يفكر الذكاء الاصطناعي | فهم حدود النموذج وسياقه |
| 2 | الفكرة في فقرة واحدة | فقرة تصف المستخدم والمشكلة والحل |
| 3 | الشاشات والمسارات | قائمة شاشات ومسار أساسي من 3 إلى 5 خطوات |
| 4 | البيانات قبل الواجهة | جداول وعلاقات مكتوبة بكلام بسيط |
| 5 | اطلب الخطة أولاً | خطة معتمدة من الوكيل قبل أي كود |
| 6 | أصغر نسخة تعمل | مسار أساسي يعمل من البداية للنهاية |
| 7 | التعديل والإصلاح | طلبات صغيرة ونقاط رجوع |
| 8 | الدخول والدفع والطابع المحلي | OTP ودفع محلي وواجهة RTL |
| 9 | الاختبار والأمان | قائمة فحص مكتملة |
| 10 | النشر وأول المستخدمين | رابط منشور وملاحظات أول 10 مستخدمين |
الدروس 1 إلى 3: افهم الأداة واكتب فكرتك بوضوح
الدرس 1: كيف يفكر الذكاء الاصطناعي الذي يبني لك
النموذج اللغوي لا «يفهم» مشروعك كما تفهمه أنت؛ هو يقرأ ما تكتبه وما في نافذة السياق من ملفات ومحادثات، ثم يتوقع أفضل كود يحقق طلبك. لذلك ما لا تقوله صراحة سيخمّنه، والتخمين مصدر معظم المفاجآت. الوكيل الحديث مثل وكيل فنّان يخطط ويكتب ويختبر، لكنه يعتمد على وضوح وصفك.
التمرين: اكتب ثلاثة أشياء يعرفها عملاؤك عن عملك ولا يعرفها أي نموذج: مثلاً «عملائي يحجزون بعد صلاة العشاء» أو «نغلق يوم الجمعة». هذه التفاصيل ستضعها في أوامرك لاحقاً.
الدرس 2: الفكرة في فقرة واحدة
اكتب فقرة من 4 إلى 6 جمل تجيب: من المستخدم؟ ما مشكلته؟ ما الشيء الوحيد الذي يجب أن يفعله التطبيق ممتازاً؟ كيف يعرف أنه نجح؟ إن احتجت صفحة كاملة فالفكرة ما زالت واسعة، فقلّصها.
الدرس 3: الشاشات والمسار الأساسي
حوّل الفقرة إلى قائمة شاشات (الرئيسية، التفاصيل، الحجز أو الطلب، التأكيد، لوحة الإدارة) ثم اكتب المسار الأساسي في 3 إلى 5 خطوات: «العميل يفتح الرابط من واتساب، يختار الخدمة، يختار الموعد، يؤكد برقم جواله». كل ما عدا ذلك مؤجل.
الدرسان 4 و5: البيانات قبل الواجهة، والخطة قبل الكود
الدرس 4: صمّم البيانات بكلام بسيط
معظم مشاكل التطبيقات المبنية بالذكاء الاصطناعي تبدأ من قاعدة بيانات لم يفكر فيها أحد. لا تحتاج مصطلحات تقنية؛ اكتب الأشياء التي يحفظها تطبيقك وعلاقتها ببعض: «العميل له عدة حجوزات، كل حجز لخدمة واحدة وموظفة واحدة، الخدمة لها سعر ومدة». هذه الجمل وحدها تمنع أخطاء كثيرة لاحقاً. وللتعمق اقرأ تصميم قاعدة البيانات لغير المبرمجين.
- اكتب كل «شيء» يُحفظ: عملاء، طلبات، منتجات، مواعيد، موظفون.
- لكل شيء اكتب أهم 4 إلى 6 معلومات: الاسم، رقم الجوال، الحالة، التاريخ.
- اكتب العلاقات: من يملك ماذا، وكم واحد مقابل كم.
- اكتب القواعد: لا حجزين في الوقت نفسه، لا طلب بلا رقم جوال، السعر يشمل الضريبة.
الدرس 5: اطلب الخطة أولاً
قبل أي بناء، أرسل فقرتك وشاشاتك وبياناتك واطلب من الوكيل خطة فقط: الصفحات، الجداول، الصلاحيات، والترتيب. راجعها كما يراجع صاحب البيت مخطط المهندس. تعديل سطر في الخطة يكلفك دقيقة، وتعديل نفس الشيء بعد البناء قد يكلفك ساعات.
أريد بناء تطبيق حجوزات لصالون نسائي منزلي في جدة. المستخدمون: عميلات يحجزن خدمة في البيت، ومشرفة تدير المواعيد والموظفات. المسار الأساسي: العميلة تختار الخدمة، ثم اليوم والوقت، ثم تكتب عنوانها الوطني، ثم تؤكد برمز OTP على جوالها. البيانات: عميلات، خدمات (سعر ومدة)، موظفات، حجوزات (حالة: جديد، مؤكد، منجز، ملغى). القواعد: لا تُحجز الموظفة في وقتين متداخلين، والجمعة إجازة. الواجهة عربية من اليمين لليسار أولاً. لا تكتب أي كود الآن: اعرض الخطة (الصفحات، الجداول، الصلاحيات، ترتيب البناء) وانتظر موافقتي.
جرّبه في فنّانالدرسان 6 و7: ابنِ أصغر نسخة تعمل ثم عدّل بذكاء
الدرس 6: المسار الأساسي من أوله لآخره
بعد اعتماد الخطة اطلب بناء المسار الأساسي فقط. لا كوبونات ولا تقارير ولا إشعارات بعد. الهدف أن تستطيع، كعميل جديد، أن تبدأ وتنهي العملية كاملة. هذه هي نسختك الأولى، أو ما يسمى MVP.
الدرس 7: التعديل والإصلاح بلا دوامة
- 1تعديل واحد في كل رسالة
«غيّر لون زر الحجز وأضف حقل ملاحظات وأصلح التاريخ» ثلاثة طلبات؛ أرسلها منفصلة لتعرف ما الذي تغيّر.
- 2صف الخطأ بثلاثة أسطر
ماذا فعلت، ماذا توقعت، ماذا حدث فعلاً. أضف لقطة شاشة أو نص الخطأ إن وجد.
- 3احفظ نقطة رجوع
قبل أي تغيير كبير تأكد أن لديك نسخة سليمة ترجع إليها بضغطة.
- 4قاعدة المحاولات الثلاث
إن لم يُحل الخطأ بعد ثلاث محاولات، ارجع لآخر نسخة سليمة وأعد شرح المشكلة من الصفر بمثال محدد.
هذه المنهجية مشروحة بالتفصيل في ابنِ ميزة واحدة في كل مرة وكيف تصلح أخطاء تطبيق بُني بالذكاء الاصطناعي.
الدرس 8: تسجيل الدخول والدفع والطابع الخليجي
هنا يتحول النموذج الأولي إلى منتج يستخدمه عملاء حقيقيون في السعودية والإمارات. ثلاثة أشياء تصنع الفرق، وكلها تُطلب بالمحادثة:
| العنصر | لماذا يهم | كيف تطلبه |
|---|---|---|
| تسجيل دخول برقم الجوال | الجوال هو الهوية الأساسية، وكلمات المرور تُنسى | «سجّل الدخول برقم الجوال ورمز OTP» |
| دفع محلي | العميل يتوقع mada وApple Pay، وأحياناً Tabby وTamara | «أضف الدفع بـ mada وApple Pay، وأكّد الطلب فقط بعد تأكيد بوابة الدفع» |
| واجهة RTL حقيقية | الاتجاه الخاطئ يُفقد الثقة فوراً | «الواجهة عربية من اليمين لليسار أولاً، والإنجليزية لغة ثانية» |
| التواريخ والأوقات | رمضان والأعياد وعطلة نهاية الأسبوع تغيّر الجدول | «اعرض التاريخ الهجري بجانب الميلادي، وطبّق ساعات رمضان» |
لتفاصيل الدفع المحلي اقرأ دليل mada وApple Pay وTabby وTamara.
الدرس 9: اختبر كأنك عميل غاضب
الشاشة الجميلة لا تعني تطبيقاً سليماً. خصص هذا الدرس كاملاً للاختبار، واطلب من الوكيل أيضاً أن يراجع عمله. هذه قائمة الفحص الأساسية للدورة:
- أنشئ حسابين مختلفين، وحاول من الأول رؤية بيانات الثاني بتغيير الرابط.
- أكمل المسار الأساسي من الجوال، بالعربية ثم بالإنجليزية.
- ألغِ عملية دفع في منتصفها وتأكد أن الطلب لم يُسجَّل مدفوعاً.
- أدخل بيانات خاطئة: رقم جوال ناقص، تاريخ ماضٍ، حقل فارغ.
- تأكد أن لوحة الإدارة لا تفتح إلا للمشرف.
- اسأل: أين تُحفظ بيانات العملاء؟ وهل هناك نسخ احتياطية؟
راجع التطبيق كمختبر جودة صارم: اذكر أي صفحة قد تُظهر بيانات مستخدم لآخر، أي نموذج بلا تحقق من المدخلات، أي نص إنجليزي ظاهر في الواجهة العربية، وأي مكان يُعتبر فيه الطلب مدفوعاً قبل تأكيد بوابة الدفع. اعرض القائمة واقترح الإصلاحات، ولا تنفذها قبل موافقتي.
جرّبه في فنّانالدرس 10: انشر وادعُ أول 10 مستخدمين
النشر ليس نهاية الدورة بل بدايتها الحقيقية. اربط نطاقك الخاص، وتأكد من شهادة SSL، ثم انشر على استضافة مناسبة. في فنّان يتم النشر على استضافة داخل المنطقة مع نسخ احتياطية يومية وإمكانية الرجوع الفوري لأي نسخة سابقة.
- 1اربط النطاق
استخدم نطاقاً باسم نشاطك بدل الرابط المؤقت؛ الثقة تبدأ من الرابط.
- 2جهّز رسالة الدعوة
رسالة واتساب قصيرة: ما التطبيق، لمن، وما الذي تريد أن يجربوه.
- 3ادعُ 10 أشخاص فقط
عملاء حقيقيون أو أصدقاء من الفئة المستهدفة، لا العائلة كلها.
- 4راقب واسأل
أين توقفوا؟ ما الذي لم يفهموه؟ ماذا طلبوا ولم يجدوه؟
- 5حوّل الملاحظات إلى طلبات صغيرة
ارجع للدرس 7: تعديل واحد في كل مرة، مع نقطة رجوع قبله.
التطبيق المنشور الناقص يعلّمك أكثر من التطبيق الكامل الذي لم يره أحد.
إن أردت تطبيق جوال حقيقياً على iOS وAndroid، فهو خطوة إضافية من نفس المحادثة في فنّان، لكن ابدأ بالويب حتى تتأكد أن الفكرة مطلوبة.
بعد الدورة: كيف تكمل التعلم؟
بعد إنهاء الدروس العشرة ستلاحظ أن المهارة الحقيقية ليست في الأداة بل في التفكير المنظم: وصف، خطة، بناء صغير، اختبار، تعديل. كرر الدورة على مشروع ثانٍ مختلف، وستجد أن الوقت ينخفض كثيراً.
- اقرأ خطة من الفكرة إلى MVP في 7 أيام
- تحقق من الفكرة مع عملاء قبل إضافة ميزات
- راجع متطلبات السجل التجاري والدفع في بلدك
- تدرّب على أوامر عربية لبناء التطبيقات
- جرّب بناء أداة داخلية لفريقك
- اقرأ الكود المصدَّر لتفهم ما بُني
الخلاصة
- الفايب كودينج مهارة تُتعلَّم: وصف واضح، تخطيط قبل البناء، وتعديلات صغيرة متتابعة.
- كل درس في هذه الدورة له تمرين عملي؛ طبّقه على فكرة حقيقية لا على مثال وهمي.
- أهم درسين يتجاهلهما المبتدئون: تصميم البيانات قبل الشاشات، والاختبار قبل النشر.
- في السوق الخليجي أضف مبكراً: واجهة RTL، تسجيل دخول برقم الجوال، ودفع محلي مثل mada وApple Pay.
- المشروع النهائي للدورة تطبيق منشور ورابط تشاركه مع أول 10 مستخدمين.
أسئلة شائعة
هل يوجد كورس فايب كودينج بالعربي مجاني؟
كم يستغرق إكمال الدروس العشرة؟
هل أحتاج أعرف برمجة قبل أن أبدأ؟
هل أكتب الأوامر بالفصحى أم باللهجة؟
ماذا أبني كمشروع أول في الدورة؟
اسأل مساعدك الذكي عن هذا الموضوع
انسخ هذا الطلب والصقه في مساعد الذكاء الاصطناعي الذي تستخدمه، ثم أضف تفاصيل حالتك.
أقرأ هذا الدليل: «فايب كودينج بالعربي: دورة عملية في 10 دروس من الفكرة إلى الإطلاق» https://fanann.com/ar/blog/vibe-coding-course-arabic/ سؤالي: vibe coding بالعربي اعتمد على هذه الصفحة كمصدر واشرح لي الإجابة خطوة بخطوة بما يناسب حالتي، واذكر ما يجب أن أتحقق منه قبل أن أبدأ، واذكر رابط الصفحة كمرجع.