Vibe Coding مصطلح جديد بيوصف بناء تطبيقات حقيقية باستخدام AI بدون أن تكون مبرمجاً. Claude وCursor وV0 غيّروا قواعد اللعبة.
المستوى: مبتدئ
ما ستتعلمه
- مفهوم Vibe Coding وليه بقى ممكن
- الأدوات الأساسية: Claude, Cursor, V0
- بناء أول تطبيق بالـ Vibe Coding
الخطوات
- ابدأ بفكرة بسيطة ومحددة — مش «تطبيق وحشتني» لكن «أداة أتتبع بيها مصاريفي اليومية».
- استخدم V0 من Vercel (v0.dev) لتصميم الواجهة — بس وصف الشاشة بالكلام.
- انقل الكود لـ Cursor Editor اللي فيه AI مدمج.
- في Cursor، استخدم Claude (Ctrl+K) واسأل «أضف قاعدة بيانات بسيطة لحفظ البيانات».
- لما تيجي Error، الصقها مباشرة في Claude وقوله «صلّح الخطأ ده».
- Vercel بيستضيف التطبيق مجاناً — Push وCode والتطبيق بيشتغل على الإنترنت.
- السر: مش محتاج تفهم كل سطر كود — محتاج تفهم إيه اللي التطبيق المفروض يعمله.
- ابدأ صغير، أضف features تدريجياً، واتعلم من الأخطاء مع Claude كمعلم.
جرّب بنفسك! اكتب فكرة تطبيق بسيط في بالك وشارك Claude إيه اللي عايز تبنيه — وشوف بتوصل لفين.
