ابنِ مشروعًا حقيقيًا باستخدام Claude Code

تعلّم كيف تستخدم Claude Code لبناء مشروع حقيقي خطوة بخطوة بالذكاء الاصطناعي.

خارطة الطريق والموارد

أعد Claude Code

احصل على الوصول إلى Claude Code

يتطلب اشتراك Claude Pro

احصل على الوصول إلى Claude Pro

ابدأ اشتراك Claude الخاص بك

https://claude.ai/

نزّل Visual Studio Code

نزّل VS Code (مجاني)

المحرر الرسمي لـ Claude Code

https://code.visualstudio.com/

ثبّت إضافة Claude Code

أنشئ مجلد مشروع جديدًا

اربط حساب Claude

اختر الإعدادات الصحيحة

اختر النموذج المناسب

ابدأ بالافتراضي، وانتقل إلى Opus للحصول على نتائج أفضل.

استخدم Ask Before Edits

يبقيك مسيطرًا قبل تطبيق التغييرات.

جرّب Edit Automatically

سير عمل أسرع بمجرد أن تعتاد عليه.

استخدم Plan Mode عند الحاجة

مفيد للتخطيط قبل البناء.

حافظ على توازن الجهد

يعمل الجهد المتوسط بشكل أفضل لمعظم المهام.

ابنِ المشروع

ابدأ بفكرتك

أبقِه بسيطًا، فقط صف ما تريد.

ولّد الـ Prompt

دع Claude ينشئ Prompt منظّمًا من أجلك.

ابنِ المشروع وشغّله

الصق الـ Prompt وشغّل النسخة الأولى.

أصلح الأخطاء

أصلح المشكلات مثل مفاتيح API المفقودة.

حسّن التصميم

حدّث الواجهة باستخدام Prompt.

حسّن التصميم والواجهة

اجعل هذا الموقع يبدو متميزًا وعصريًا جدًا…

Make this website look very premium and modern. Improve UI, spacing, typography, and colors with beautiful gradients. Add dark mode, smooth animations, and upgrade all components. Also add sign up and sign in pages. Keep everything working.

ضعه مباشرًا

انشر مشروعك (ضعه على الإنترنت)

دليل خطوة بخطوة لنشر مشروعك وجعله مباشرًا على نطاقك.

شاهد دليل النشر الكامل

دليل النشر الكامل

Step-by-step

https://youtu.be/s_2taeO8KRI?si=3aAO45uIe8S8BLJ9