الهدف
بعد هالدرس تقدر تعرّف الـ vibe coding بجملة وحدة، تقارن 5 أدوات (Lovable، Bolt، Replit، v0، Cursor) في جدول، وتقرر أيهم يناسب مشروعك.
ليش هذا الحين؟
هذا أول درس في محور أدوات الذكاء الاصطناعي. قبل ما تبني، لازم تفهم شنو هي الأدوات اللي بتستخدمها وليش تغيّر كل شي. الـ vibe coding مو مجرد trend — هو تحوّل في من يقدر يبني software.
الفكرة
Vibe coding = مصطلح اخترعه Andrej Karpathy في فبراير 2025. التعريف: تصف اللي تبيه بلغة طبيعية، والـ AI يكتب الكود.
الفرق عن الـ AI-assisted coding العادي:
- AI-assisted: أنت تكتب الكود، والـ AI يساعدك (Copilot، Cursor autocomplete)
- Vibe coding: أنت توجّه بالكلام، والـ AI يكتب كل شي
5 أدوات رئيسية:
| الأداة | الـ Use Case | مناسب لـ |
|---|---|---|
| Lovable | Full web app من prompt | المبتدئين |
| Bolt.new | Full-stack + DB | اللي يبي backend |
| Replit | Browser IDE + AI | بدون تنصيب محلي |
| v0 | React components بس | الـ UI المعزولة |
| Cursor | VS Code + AI | الـ developers |