كيف تمارس الـ vibe coding بشكل صحيح في هذا العصر

الـ vibe coding قويّ. لكن أكثر الناس يتعلّمونه بالطريقة الخاطئة.

يفتحون أداة ذكاء اصطناعي، ويكتبون «ابنِ لي تطبيقاً»، وبعد عشر دقائق يملكون آلاف الأسطر التي لا يستطيعون قراءتها. هذا ليس تعلّماً للبرمجة، وليس ممارسة صحيحة للـ vibe coding أيضاً.

والحل ليس تجنّب الذكاء الاصطناعي، بل أن تستحقّ تسليمه مزيداً من العمل. تعلّم الأساسيات أولاً، ثم امنحه المسؤولية خطوة بعد خطوة.

ابدأ بملفات بسيطة

تعلّم HTML وCSS وJavaScript قبل أي شيء آخر. افتح محرّر نصوص بسيطاً — حتى Notepad يكفي — وأنشئ ملف index.html. بلا إطار عمل. وبلا ذكاء اصطناعي. ليس بعد.

ابنِ موقعاً ثابتاً صغيراً. أضف عنواناً وبعض التنسيق وروابط وصورة وأقساماً. جرّب، واكسر، وأصلح. هذا ما يعلّمك ما تفعله الشيفرة فعلاً.

وحين تتعثّر، استعن بـ W3Schools أو فيديو قصير على YouTube. لا تسجّل في دورة ضخمة وتحاول إنهاءها. تعلّم الشيء الواحد الذي تحتاجه وعُد إلى ملفك.

انشره على الإنترنت أولاً

• أنشئ حساباً في GitHub وارفع مشروعك إلى مستودع.
• فعّل GitHub Pages ليحصل المشروع على عنوان عام. صار موقعك حيّاً.
• الآن أدخِل الذكاء الاصطناعي. اطلب منه تحسين التصميم، أو ترتيب شيفرتك، أو تحويل الصفحة إلى ملف أعمال. ChatGPT أو Claude أو DeepSeek أو أي مساعد آخر يفي بالغرض.

اقرأ الشيفرة التي تعود إليك. فالنسخ واللصق الأعمى هو ما يوصلك إلى ألف سطر لا تستطيع شرحها.

ابنِ تطبيقاً صغيراً بيدك

اختر حزمة تقنية واحدة، مثل MERN أو Django، واحدة فقط. تعلّم الاثنتين معاً لا يعلّمك أياً منهما.

ثبّت Visual Studio Code وابنِ شيئاً صغيراً: تطبيق مهام، أو نظام بيانات بسيطاً، أو تطبيقاً أساسياً فيه تسجيل دخول. اكتب الأجزاء المهمة بنفسك أولاً، واستعن بالذكاء الاصطناعي حين تتعثّر، أو تحتاج شرحاً، أو تريد معرفة ما إذا كانت هناك طريقة أفضل.

في هذه المرحلة تشعر كيف تعمل الواجهة والخادم وقاعدة البيانات وواجهات API والمصادقة معاً.

الآن ابدأ الـ vibe coding

الآن فقط، بعد أن تفهم الأساسيات، دع الذكاء الاصطناعي يحمل قدراً أكبر من العمل. استخدم أدوات مثل Cursor أو Claude Code أو غيرها من وكلاء البرمجة. أعطِ المتطلّبات، ودعه ينشئ الخصائص، ثم شغّل النتيجة محلياً، واختبرها، واكتشف المشاكل، وأصلحها، وحسّن البنية.

وابقَ أنت المتحكّم. إن أنتج الوكيل شيئاً لا تفهمه، توقّف وتعلّمه قبل أن تكمل. هذه القاعدة وحدها هي الفرق بين الـ vibe coding والمقامرة.

من localhost إلى نطاق حقيقي

انشر عبر Vercel أو Render، ثم اربط نطاقاً حقيقياً. وإن كنت ما زلت تجرّب، فنطاق رخيص من مسجّل مثل Spaceship يكفي تماماً.

عندها تكون تنشر برمجيات حقيقية يستطيع غريب أن يفتحها، لا مجرّد بناء على localhost.

طبقة الهندسة الحقيقية

أضف خادماً خلفياً حقيقياً وقاعدة بيانات — وSupabase بداية جيدة. ثم اعمل على الطبقات التي تحتها.

• الأسرار والوصول — متغيّرات البيئة، ومفاتيح API، والمصادقة، وأمن قاعدة البيانات.
• الشكل والتسليم — تصميم واجهات API، والنشر، والسجلّات، ومعالجة الأخطاء.
• الطبقة التي تليها — تصميم قواعد البيانات، والتخزين المؤقت، والاختبارات، وCI/CD، والمراقبة، والأمن.
• كيف يتّصل الذكاء الاصطناعي — مفاتيح API والرموز، وواجهات النماذج، واستدعاء الأدوات، والمخرجات المنظّمة، والوكلاء والأتمتة.

الهدف أن تفهم ما يجري بين تطبيقك وخادمك وقاعدة بياناتك ونموذج الذكاء الاصطناعي.

الحلقة التي تنجح

المرحلة	من يكتب الشيفرة	ما تتعلّمه
صفحة ثابتة	أنت	ما تفعله الشيفرة
أول نشر	أنت، والذكاء الاصطناعي يراجع	النشر أمام الناس
تطبيق صغير	أنت في معظمه	كيف تترابط الأجزاء
vibe coding	الذكاء الاصطناعي في معظمه، وأنت تراجع	التوجيه والحكم
طبقة الهندسة	كلاكما	البيانات والأمن والتشغيل

لست مضطراً لإتقان كل شيء قبل أن تبدأ البناء. ابنِ شيئاً، وتعثّر، وتعلّم، وأصلح، وانشر، وحسّن. هذه هي الحلقة، وتبقى هي الحلقة.

ولا تختر بين تعلّم البرمجة والـ vibe coding. تعلّم الأساسيات، ثم استخدم الذكاء الاصطناعي مضاعِفاً لقوّتك.

الهدف ليس أن تبرمج بلا ذكاء اصطناعي، بل أن تفهم البرمجيات جيداً بما يكفي لاستخدامه كما ينبغي.

فأين أنت الآن — ما زلت عند index.html، أم صرت تسلّم الوكيل خاصية كاملة؟