تخطَّ إلى المحتوى
Nuvelorb
سير عمل037 خطوات

ابنِ تطبيقًا بسيطًا باستخدام Claude Code

ستحصل في النهاية على: ابنِ أول تطبيق ويب صغير وشغّله بمجرد وصفه، دون أي خبرة في البرمجة

Claude Code ذكاء اصطناعي يكتب الشيفرة ويشغّلها على حاسوبك بينما تصف ما تريد. ستبني شيئًا صغيرًا ومفيدًا — متتبّع عادات، أو حاسبة أسعار، أو صفحة تسجيل — وتتعلّم الحلقة: صِف، وتحقّق، وعدّل.

المستوى
متوسط
وقت الإعداد
ساعتان
التكلفة الشهرية
من ‏20 US$ إلى ‏100 US$ شهريًا

الأدوات التي ستستخدمها

شهريًا، لسير العمل كاملًا. يستطيع معظم الناس البدء بالخطط المجانية.

  • Claude Code

    يكتب الشيفرة ويشغّلها ويصلحها نيابةً عنك.

    ابتداءً من ‏20 US$/شهريًا
  • Claude

    يساعدك على صياغة الفكرة قبل البناء.

    مجاني · المدفوع من ‏20 US$/شهريًا
  • التكلفةمن ‏20 US$ إلى ‏100 US$ شهريًا

ما زلنا نتحقّق من الأسعار والخطوات في سير العمل هذا. تأكّد من الموقع الرسمي لكل أداة قبل الدفع.

أنجزت 0 من 7 خطوات

  1. قلّص فكرتك إلى شاشة واحدة

    تفشل التطبيقات الأولى لأنها أكبر من اللازم. استخدم Claude (المحادثة العادية) لتقليص فكرتك إلى شيء يتّسع في شاشة واحدة ولا يحتاج إلى تسجيل دخول أو مدفوعات.

    أمر جاهز للنسخ
    ليست لديّ خبرة في البرمجة وأريد بناء أول تطبيق ويب صغير باستخدام Claude Code. فكرتي: [فكرتك]. قلّصها إلى أصغر نسخة تتّسع في شاشة واحدة، بلا تسجيل دخول وبلا مدفوعات، وتحفظ البيانات في المتصفح. صِفها في 5 نقاط يمكنني لصقها في Claude Code.

    في هذه الخطوة

    Claude · مساعد دقيق للكتابة وقراءة المستندات الطويلة.

    تحقّق من نجاحها: يتّسع تطبيقك في 5 نقاط.

  2. ثبّت Claude Code

    يحتاج Claude Code إلى خطة Claude مدفوعة أو رصيد في واجهة البرمجة. اتّبع خطوات التثبيت في صفحة Claude Code الرسمية من Anthropic لنظامك، ثم افتح الطرفية (Terminal على Mac وPowerShell على Windows) وسجّل الدخول عند الطلب. وإن كانت الطرفية تُخيفك، فتحقّق إن كان تطبيق Claude لسطح المكتب يوفّر Claude Code لنظامك.

    في هذه الخطوة

    Claude Code · وكيل ذكي يعمل داخل مشروعك البرمجي.

    تحقّق من نجاحها: عند كتابة claude --version في الطرفية يظهر رقم إصدار.

  3. ابدأ مجلد مشروع

    أنشئ مجلدًا فارغًا للتطبيق (مثل habit-tracker داخل المستندات)، وافتح الطرفية فيه، واكتب claude. سيبقى كل ما ينشئه Claude Code داخل هذا المجلد.

    في هذه الخطوة

    Claude Code · وكيل ذكي يعمل داخل مشروعك البرمجي.

    تحقّق من نجاحها: يرحّب بك Claude Code ويعرض اسم المجلد.

  4. اطلب خطة قبل أي شيفرة

    الصق نقاطك الخمس مع الأمر أدناه. اقرأ الخطة؛ وإن بدا شيء معقّدًا فاطلب طريقة أبسط. يطلب Claude Code الإذن قبل تعديل الملفات أو تشغيل الأوامر — فاقرأ كل طلب قبل أن توافق.

    أمر جاهز للنسخ
    لست مبرمجًا. ابنِ هذا تطبيق ويب بسيطًا يعمل في متصفحي. أولًا اشرح خطتك بلغة بسيطة وأخبرني بما ستثبّته، ثم انتظر موافقتي.
    
    [الصق نقاطك الخمس]

    في هذه الخطوة

    Claude Code · وكيل ذكي يعمل داخل مشروعك البرمجي.

    تحقّق من نجاحها: تفهم الخطة بما يكفي لتشرحها لصديق.

  5. شغّله وانظر إليه

    وافق ودعه يبني. ثم اسأل: «كيف أفتح التطبيق في متصفحي؟» سيشغّله ويعطيك رابطًا مثل http://localhost:…. جرّب كل شيء وحاول أن تُعطله.

    في هذه الخطوة

    Claude Code · وكيل ذكي يعمل داخل مشروعك البرمجي.

    تحقّق من نجاحها: يفتح التطبيق في متصفحك ويعمل الزر الرئيسي.

  6. حسّنه بتغيير واحد في كل مرة

    اطلب تغييرًا واحدًا في كل رسالة وتحقّق منه في المتصفح قبل التالي. صِف ما تراه لا طريقة برمجته: «الزر صعب الرؤية على هاتفي» أفضل من الكلمات التقنية.

    أمر جاهز للنسخ
    هذا ما أراه: [صِف المشكلة أو ما تريده]. أصلح هذا فقط، واشرح ما غيّرته في جملة أو جملتين، وأخبرني كيف أتحقّق منه.

    في هذه الخطوة

    Claude Code · وكيل ذكي يعمل داخل مشروعك البرمجي.

    تحقّق من نجاحها: كل تغيير يعمل قبل أن تطلب التالي.

  7. احفظ تقدّمك

    اطلب من Claude Code حفظ نقطة استرجاع باستخدام git بعد كل تغيير يعمل، لتتمكّن دائمًا من الرجوع. وعندما تصبح راضيًا، اسأله كيف تنشره على الإنترنت مجانًا؛ إذ يمكنه إرشادك خطوة بخطوة عبر خدمة استضافة.

    أمر جاهز للنسخ
    اضبط git لهذا المجلد إن لم يكن مضبوطًا، واحفظ نقطة استرجاع الآن مع وصف قصير لما يعمل. ومن الآن فصاعدًا، ذكّرني بالحفظ بعد كل تغيير يعمل.

    في هذه الخطوة

    Claude Code · وكيل ذكي يعمل داخل مشروعك البرمجي.

    تحقّق من نجاحها: عند طلب «اعرض نقاط الاسترجاع المحفوظة» تظهر واحدة على الأقل.

عندما يتعطّل شيء

تظهر رسالة «command not found: claude»

أغلق الطرفية وافتحها من جديد بعد التثبيت. وإن استمرت المشكلة، فكرّر خطوات التثبيت الرسمية وانسخ رسالة الخطأ كما هي إلى محادثة Claude العادية لطلب المساعدة.

أفسد أحد التغييرات التطبيق

قل: «أفسد هذا التطبيق. ارجع إلى آخر نقطة استرجاع كانت تعمل». ولهذا تهمّ الخطوة 7.

يقول إنني بلغت حد الاستخدام

للخطط حدود استخدام تتجدّد بعد بضع ساعات. اجعل رسائلك مركّزة على تغيير واحد، وابدأ جلسة جديدة لكل مهمة جديدة.

الأسعار تتغير كثيرًا وقد تختلف من بلد لآخر. تأكّد دائمًا من الموقع الرسمي قبل الدفع.

المستوى التالي

مستعد للمزيد؟ هذه تبني على ما أعددته للتو.

سير عمل5 خطوات

ذكاء اصطناعي خاص على حاسوبك

تحدّث مع ذكاء اصطناعي يعمل على حاسوبك دون إنترنت، فلا يغادر جهازك شيء

متوسطوقت الإعداد: 40 دقيقةمجاني

سير عمل6 خطوات

ردود العملاء بشكل تلقائي

أجب عن رسائل العملاء المتكررة تلقائيًا، واكتب مسودة البقية في ثوانٍ

للمبتدئينوقت الإعداد: 60 دقيقةمجاني حتى ‏20 US$ شهريًا

Claude · ChatGPT · Zapier