brainax

البرمجة بالإحساس للمبتدئين: من الصفر إلى أول تطبيق

البرمجة بالإحساس (vibe coding) تعني أن تصف بكلمات عادية ما تريده، ويكتب الذكاء الاصطناعي الكود. تنظر إلى النتيجة، وتقول ما يجب تعديله، وتكرّر الدورة. صاغ المصطلح باحث الذكاء الاصطناعي أندريه كارباثي في فبراير 2025. تخيّل نفسك منتجًا والذكاء الاصطناعي مبرمجًا: المنتج لا يعزف على كل آلة، لكنه يقرّر كيف سيكون العمل. مهمتك أن تقرّر ماذا نبني، وتتحقق من أنه يعمل، وتختار الخطوة التالية.

دورة مجانية في هذا الموضوعالبرمجة بالإحساس: دورة مجانيةابدأ الدورة →

الدرس: ما هي البرمجة بالإحساس وكيف تصنع مواقع بالذكاء الاصطناعي

ماذا يمكنك أن تبني وماذا تحتاج

صفحة هبوط (موقع من صفحة واحدة)، أو بوت على Telegram، أو آلة حاسبة، أو لعبة صغيرة، أو متتبّع عادات، أو معرض أعمال. للبدء يكفيك متصفح وحساب مجاني في أداة ذكاء اصطناعي. للخطط المجانية حدود، لكنها تكفي عادةً لأول المشاريع.

الخطوة 0: اختر نوع الأداة

أدوات الذكاء الاصطناعي للبرمجة ثلاثة أنواع:

مسار ناجح: ابنِ أول نموذج في منشئ مواقع، ثم انقل الكود إلى GitHub، وأكمل في محرر أو مع وكيل. خطأ شائع: القفز كل يوم إلى أداة رائجة جديدة. مشروع واحد مكتمل أفضل من خمسة متروكة. الدرس: منشئ أم محرر أم وكيل

الخطوة 1: خطة من صفحة واحدة

الذكاء الاصطناعي لا يقرأ الأفكار. اطلب «متتبّعًا للنادي الرياضي» وقد تحصل على دفع ودردشة وتصنيف، بينما كنت تريد فقط تسجيل التمارين. خمسة أسطر توفّر ساعات: الهدف في جملة، لمن هو، ثلاث وظائف رئيسية، ما الذي لن نفعله الآن، وكيف نعرف أنه جاهز. الدرس: الخطة أولًا

الخطوة 2: صف النتيجة، ووظيفة واحدة في كل مرة

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

الخطوة 3: احفظ، تراجع، انشر

احفظ كل نسخة تعمل (سجل الإصدارات في الأداة أو Git) لتعود إليها إذا كسرت خطوة جديدة كل شيء. النشر، أي إتاحة المشروع ليفتحه الآخرون عبر رابط، هو الخطوة الأخيرة بعد مراجعة كل شيء. اليوم تربط مستودع GitHub بخدمة استضافة مرة واحدة، وكل push إلى الفرع الرئيسي ينشر النسخة الجديدة تلقائيًا. الدرس: الاستضافة والنشر

الخطوة 4: اختبر بنفسك

عبارة «تم، كل شيء يعمل!» من الوكيل ليست دليلًا. ربما لم يشغّل الكود أصلًا، أو كسر صفحة مجاورة. افتح المعاينة على الهاتف والحاسوب. جرّب المسار العادي أولًا، ثم الحالات الغريبة: شهر بلا بيانات، اسم طويل جدًا، نقرة مزدوجة على زر. الأعطال تظهر عادةً في الحالات الغريبة. واطلب من الوكيل كتابة اختبارات آلية لكل وظيفة جديدة. الدرس: لا تصدّق كلامه فقط

لماذا للبرمجة بالإحساس سمعة سيئة: 4 أخطاء

يكتب الذكاء الاصطناعي كودًا يعمل، لكنه ليس آمنًا دائمًا. هذه الأخطاء الأربعة وراء معظم القصص المخيفة:

1. مفتاح داخل الكود. مفتاح API في كود الصفحة أو في مستودع عام تجده روبوتات تمسح GitHub، وأنت من يدفع ثمن طلباتها. الأسرار مكانها الخادم فقط. تسرّب مفتاح؟ ألغِه فورًا وأنشئ مفتاحًا جديدًا. الدرس: المفاتيح والأسرار

2. قاعدة بيانات بلا قواعد وصول. يستطيع أي شخص تنزيل بيانات الجميع.

3. لوحة إدارة مخفية بحذف الزر فقط. يمكن كتابة العنوان /admin يدويًا. التحقق «هل هذا مدير فعلًا؟» يجب أن يتم على الخادم مع كل طلب.

4. الثقة بالمتصفح. عبر أدوات المطوّر (F12) يمكن للمستخدم تغيير أي طلب: السعر، معرّفه، دور «المدير». على الخادم أن يتحقق بنفسه ممن يطلب وأن يحسب الأسعار بنفسه. الدرس: أمان التطبيق

وهناك المال أيضًا: واجهات API المدفوعة للذكاء الاصطناعي تحتسب الرموز (tokens)، وإذا طرح صف كامل مئات الأسئلة ليلة الامتحان تصبح الفاتورة ملحوظة. ضع حدًا للإنفاق وتنبيهًا للفوترة حيث تسمح الخدمة. الدرس: المال والحدود

أسئلة شائعة

هل البرمجة بالإحساس سيئة؟

ليست سيئة بحد ذاتها. سمعتها السيئة تأتي من مشاريع نُشرت دون مراجعة: مفاتيح في كود الصفحة، وقواعد بيانات بلا قواعد وصول، وتحقق من المدير في الواجهة فقط. إذا اختبرت كل وظيفة وأبقيت الأسرار على الخادم، فهي طريقة سريعة ومشروعة للبناء.

هل أحتاج إلى معرفة البرمجة لأبدأ؟

لا. لأول مشروع يكفيك متصفح وحساب مجاني في أداة ذكاء اصطناعي. لكن فهم ما يجري يساعدك على ملاحظة أخطاء الذكاء الاصطناعي أسرع، ولهذا تشرح الدورة Git والاستضافة وواجهات API بكلمات بسيطة.

ما أفضل أداة برمجة بالإحساس للمبتدئين؟

في الأمسية الأولى، منشئ مواقع في المتصفح مثل Lovable أو Bolt أو v0 أو Replit: يعطيك صفحة تعمل بأسرع وقت بلا تثبيت. عندما يعمل النموذج الأولي، انقل الكود إلى GitHub وأكمل في محرر بالذكاء الاصطناعي أو مع وكيل.

دورة مجانية في هذا الموضوعالبرمجة بالإحساس: دورة مجانيةابدأ الدورة →