مرجع فيديو يوتيوب

كورس ال Vibe Coding

5 خطوات عملية تاخدك من الصفر لموقع شغال فعلاً — من غير ما تكتب سطر كود واحد بنفسك. ده مرجع الفيديو على القناة — كل الأدوات واللينكات في مكان واحد، سهل المسح على الموبايل وانت بتنفّذ.

5
خطوات عملية
8+
أدوات مجانية
100%
من غير كود

لو الفيديو ما اتشغّلش، افتحه على يوتيوب مباشرةً.

الخطوات الـ 5 من الفيديو

اتبعهم بالترتيب — كل خطوة بتبني على اللي قبلها. اضغط "نسخ" جنب أي لينك عشان تنسخه بسرعة.

1

جهّز فكرتك

ادخل على كلود شات وحمّل مهارة "Grill Me" واعمل عصف ذهني للفكرة بتاعتك — هتطلع منها ملفات المشروع كاملة: اسم، هدف، جمهور، الـ features الأساسية.

💡

متحاولش تطلع بتفاصيل تقنية — بس فكّر "أنا عايز أداة تعمل إيه للناس"، والباقي على الـ AI.

الأدوات اللي هتحتاجها

C كلود شات G مهارة Grill Me
2

سَطِّب البيئة

حمّل Claude Code (الوكيل اللي بيكتب وبيشغل كود) و Visual Studio Code (المحرر اللي بتشتغل جوّاه). الفولدر اللي هتفتحه في VS Code هو "مشروعك".

💡

بعد ما تخلّص التسطيب، جرّب تقول لـ Claude Code "اعمل فولدر باسم my-vibe-project" — لو اشتغل، أنت جاهز.

الأدوات اللي هتحتاجها

CC تحميل Claude Code VS تحميل VS Code
3

اعمل خطة قبل ما تكتب كود

خلّي Claude Code يقرأ ملفات المشروع (اللي طلعت من الخطوة 1) ويعمل خطة تنفيذ مرحلية — المهام، الترتيب، معايير القبول لكل Feature.

💡

الخطة دي هي "العقد" بينك وبين الـ AI. كل ما تغيّر حاجة، قوله يرجع للخطة ويحدّثها.

4

ابني + اختبر

خلّي Claude Code يبني النسخة الأولى Feature بـ Feature. استخدم "المهارات" من commandcode.ai دي لما تحتاج مساعدة (UI، API، Database...). ولما تخلّص، اختبر كل حاجة بـ TestSprite — Automated Testing هيوصلك تقرير بكل الـ bugs.

💡

لا تقبل output من Claude Code من غير ما تقرأه — لو فيه ملاحظات قولها فوراً، أحسن من إنك تتراكم مشاكل.

الأدوات اللي هتحتاجها

ai مكتبة المهارات + Find Skills T TestSprite T TestSprite CLI
5

انشر موقعك

ارفع الكود على GitHub (نسخة احتياطية + شير مع ناس تانية)، وبعدين استضفه مجاناً على GitHub Pages — يبقى عندك لينك حقيقي تشاركه.

💡

لو محتاج Domain مخصص (.com / .eg)، خد واحد من Namecheap أو Cloudflare — بيبقى أرخص من شراء Domain من المنصات التانية.

الأدوات اللي هتحتاجها

G GitHub G GitHub Pages Docs

عندك الموقع… طيب عايز تفهم الكود اللي وراه؟

لو عايز تتعلم البرمجة وتفهم اللي الـ AI بيكتبه، وتقدر تعدّل فيه بنفسك — ابدأ من هنا:

Java الأكثر مبيعاً

كورس جافا للمبتدئين + كتاب هدية

ابدأ رحلتك في البرمجة من الصفر بلغة جافا — هتفهم الـ AI كود لما يبني ليك، وتقدر تعدّل فيه بنفسك.

74 درس · 13 ساعة محتوى

550 جنيه 700 جنيه خصم 21%
اشترك دلوقتي
🎯 Dart الأفضل لتطبيقات الموبايل

أساسيات Dart من الصفر لـ OOP — أول خطوة لـ Flutter

لو عايز تبني تطبيقات موبايل، ده أول خطوة ليك — هتبدأ من Dart (لغة Flutter) وتفهم الـ OOP قبل ما تدخل في الـ Framework.

112 درس · 20 ساعة محتوى

600 جنيه 1,200 جنيه خصم 50%
اشترك دلوقتي
🎁 الباقة الكاملة أفضل قيمة

باقة كل الكورسات

6 كورسات كاملة، 422 درس، وصول مدى الحياة — جافا + OOP + هياكل بيانات (مستويين) + Dart + مشاريع بايثون. وفّر 2,300 جنيه.

6 كورسات · 422 درس · وصول مدى الحياة

2,500 جنيه 4,800 جنيه خصم 48%
اشترك في الباقة