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

01 / شو رح تتعلّم؟
كل مرحلة،
إلها نتيجة.
الدليل للمصممين والفريلانسرز وأصحاب المشاريع اللي بدهم يطبقوا. بنمشي مع استوديو تصوير افتراضي من الفكرة لأول صفحة، ومع كل تمرين طريقة تفحص فيها النتيجة.
01 / ابدأ صح
التجهيز وطريقة الطلب
افهم الفرق بين مهام ChatGPT وCodex، وجهّز الأدوات ومجلد التدريب. تعلّم تحدّد النتيجة والسياق والتسليم والحدود.
02 / ChatGPT
من حقائق لمحتوى واضح
اشتغل على استوديو تصوير افتراضي: بحث محدود، مسودة صفحة ومراجعة الادعاءات. جرّب CSV صغيرًا مع حسابات محلولة.
03 / Codex
من الموجز لصفحة محلية
جهّز brief.md، اطلب خطة، نفّذ HTML وCSS، وبعدين افتح الصفحة وافحصها. معك مشروع جاهز للمقارنة.
04 / ارجع وطبّق
التحسين وقائمة الاعتماد
بلّغ عن مشكلة محددة، افحص التعديل، واستخدم البرومبتات وقالب الموجز على مشروعك.
الدليل مجاني. بعض ميزات ChatGPT وCodex ممكن تحتاج خطة أو صلاحية متاحة بحسابك. ما في API أو استضافة مطلوبة لتمرين الصفحة المحلية.
02 / من داخل الملف
صفحات فعلية.
قبل ما تنزّل.
طلبات واضحة، أمثلة محلولة وخطوات قابلة للفحص. هاي معاينات مصدّرة من نفس نسخة PDF اللي رح تحمّلها.



03 / من الموجز للمتصفح
جرّب «تفصيل».
وبعدين طبّق على شغلك.
- موجز ونص معتمد لاستوديو افتراضي.
- HTML وCSS تفتحهم محليًا، بدون تثبيت حزم.
- CSV صغير وإجابات للتحقق من الحسابات.
- قالب معلومات وقائمة فحص لمشروعك.
مثال تعليمي افتراضي، مش عميلًا أو خدمة للحجز. التصميم المرفق مرجع للمقارنة، مش نتيجة مضمونة من برومبت.

04 / افتح، انسخ، وطبّق
البرومبت المناسب.
للمرحلة المناسبة.
اختار المهمة، وبدّل المدخلات ببيانات مشروعك. النسخ لحاله ما بشغّل أي أداة وما ببعت معلوماتك لأي خدمة.
01فسّر المهمة قبل ما تبدأ
بدي [نتيجة محددة] لجمهور [مين رح يستخدمها].
المعلومات والمصادر المتاحة: [الصق المهم فقط].
سلّمني [الشكل والطول واللغة]. حافظ على [الحقائق والقيود].
إذا في نقص بيغيّر النتيجة، اسألني عنه قبل التنفيذ. ميّز الحقيقة عن الاقتراح.
قبل ما تخلص، راجع النتيجة مقابل طلبي واذكر اللي ما قدرت تتحقق منه.02ابحث عن سؤال واحد
بدي أقرر شو المعلومات اللي لازم تظهر بصفحة خدمة تصوير منتجات لمتجر صغير.
ابحث بالويب عن إرشادات تجهيز صور المنتجات من المصادر الرسمية لمنصتين لبيع المنتجات تختارهم وتسمّيهم.
اعمل جدول من 4 صفوف: الإرشاد / المصدر ورابطه / نطاق تطبيقه / كيف بفيد الصفحة.
افصل متطلبات كل منصة عن نصائحك. إذا ما قدرت تفتح مصدر، احكي بوضوح.
لا تحوّل مواصفات منصة لمتطلب عام، ولا تخترع أرقامًا أو أسعارًا أو نتائج مبيعات.03اكتب من الحقائق
هاي حقائق مثال تعليمي افتراضي اسمه «تفصيل»: تصوير منتجات صغيرة داخل استوديو بعمّان، لصنّاع محليين ومتاجر صغيرة.
يشمل خلفية بسيطة وتعديل إضاءة وألوان أساسي. لا يشمل موديل أو تصوير خارج الاستوديو.
السعر والمدة وعدد الصور بتتحدد بعد معرفة المنتجات والاستخدام المطلوب.
الخطوة المطلوبة: يجهّز العميل نوع المنتجات وعددها ومكان استخدام الصور.
اكتب مسودة صفحة بالعربي: عنوان واضح، وصف من جملتين، 3 نقاط للنطاق، وسؤال افتتاحي للتواصل.
لا تضف أسعارًا أو شهادات أو وعود مبيعات. علّم أي معلومة ناقصة بـ «بحاجة تأكيد».04راجع واطلب تعديلًا محددًا
راجع المسودة التالية مقابل الحقائق اللي أعطيتك إياها: [الصق المسودة والحقائق].
حدّد 3 مشاكل مؤثرة فقط. لكل مشكلة: اقتبس العبارة، اشرح السبب، واقترح بديلًا.
بعدين عدّل المقدمة وحدها لتكون مباشرة وبحد أقصى جملتين. حافظ على نطاق الخدمة وباقي الأقسام.
لا تعتبر مراجعتك إثباتًا لصحة الحقائق؛ اذكر شو لازم أراجعه أنا.05افهم ملفًا وتحقق من الحساب
اقرأ ملف sample-inquiries.csv المرفق. هاي بيانات افتراضية للتدريب.
احسب نسبة الاستفسارات للزيارات لكل قناة = inquiries / visits × 100.
اعرض القيم الأصلية والحساب والنسبة بمنزلتين عشريتين. افحص المجموع وأي قيم ناقصة أو صفرية.
اشرح شو بنقدر نستنتج وشو ما بنقدر نستنتج عن القنوات من هاي البيانات وحدها.
لا تسمّي الاستفسارات مبيعات، ولا تحسب عائدًا على الاستثمار بدون تكلفة وإيراد.06جهّز موجز التنفيذ
حوّل حقائق مشروع «تفصيل» والمسودة المعتمدة إلى brief.md لموقع تدريبي محلي من صفحة واحدة.
ضمّن: الجمهور، هدف الصفحة، النص المعتمد، ما تشمله الخدمة وما تستثنيه، والمعلومات غير المؤكدة.
الأقسام: مقدمة، نطاق الخدمة، طريقة العمل، وقائمة تجهيز طلب.
زر المقدمة ينتقل لقائمة التجهيز داخل الصفحة. لا نموذج إرسال ولا بيانات اتصال مختلقة.
التصميم: عربي RTL، واضح على الهاتف، ألوان محايدة، بدون تقليد هوية مشروع حقيقي.
الملفات المطلوبة: index.html وstyle.css فقط، بدون مكتبات أو اتصال بخدمة خارجية.
أضف شروط قبول قابلة للفحص. أعطني محتوى الملف كنص إذا ما قدرت تنشئ ملفًا.07افهم المجلد واقترح خطة
اقرأ brief.md والملفات الموجودة في مجلد هذا التدريب فقط.
لخّص المطلوب، واذكر أي تعارض أو نقص مؤثر، واقترح خطة قصيرة قبل تعديل الملفات. انتظر موافقتي على الخطة.
المخرج صفحة عربية محلية متجاوبة بملفي index.html وstyle.css فقط.
لا تثبّت حزمًا، ولا تستخدم خدمات خارجية، ولا تنشر أو تدفع أو تغيّر إعدادات حسابات.
إذا كان المجلد يحتوي شغلًا سابقًا، لا تستبدله قبل ما توضّح شو رح يتغيّر.08ابنِ النسخة المحلية
الخطة مناسبة. نفّذ الصفحة داخل مجلد التدريب حسب brief.md والنص المعتمد.
استخدم HTML دلالي وCSS محلي فقط، مع lang="ar" وdir="rtl". لا صور أو خطوط خارجية.
زر «جهّز طلبك» رابط إلى قسم #brief داخل الصفحة. قائمة التجهيز نصية ولا تبعت بيانات.
لا أسعار ولا شهادات ولا أرقام تواصل مختلقة. خلّي جميع الأقسام متاحة بدون JavaScript.
تحقق من الروابط الداخلية والعرض بعرض 390 و1440 بكسل إذا عندك متصفح.
سلّمني أسماء الملفات، طريقة فتح index.html، وشو فحصت فعلًا وشو ما قدرت تفحصه. لا تنشر.09صلّح مشكلة محددة
في index.html وstyle.css، عند عرض 390 بكسل: [صف المشكلة ومكانها أو أرفق لقطة].
المتوقع: [السلوك المطلوب]. اللي صار: [السلوك الفعلي]. خطوات التكرار: [الخطوات].
افحص السبب وعدّل أقل قدر لازم. حافظ على النصوص وباقي الأقسام.
أعد نفس الفحص، واذكر الملفات والتغييرات والنتيجة. لا تضف ميزات أو تنشر.10افحص قبل ما تعتمد
راجع الصفحة مقابل brief.md. افحص اتجاه العربية، العناوين، التباين، الروابط، التنقل بلوحة المفاتيح والعرض الصغير والكبير.
اذكر نتيجة كل فحص وأدلته. افتح الصفحة واستخدم الأزرار إذا عندك متصفح؛ إذا ما عندك، ميّز مراجعة الكود عن تجربة فعلية.
لا تعتبر نجاح الفحص المحلي دليلًا على النشر أو الأداء على كل الأجهزة.
اذكر العيوب المتبقية وأصلح ما يقع ضمن الموجز فقط. لا تنشر.05 / ابدأ بمهمة واحدة
نزّل الدليل.
وخلي التطبيق عليك.
ملف PDF كامل، ومعه تحميل منفصل لكل البرومبتات والقوالب وملفات التدريب. بدون تسجيل أو طلب بريد إلكتروني.
الدليل والملفات بالعربي. يحتاج تمرين Codex كمبيوتر ووصولًا للأداة.
قبل ما تبدأ.
اعرف نطاق الدليل ومتطلبات التطبيق.
لمين مناسب؟
للمصممين والفريلانسرز وأصحاب المشاريع اللي بدهم يتعلموا على مهمة صغيرة. ما بتحتاج خبرة برمجة لتمارين البداية، وتمرين Codex بده كمبيوتر واستعداد تفتح ملفات وتراجع النتيجة.
الدليل والأدوات مجانيين؟
الدليل والملفات مجانية بتحميل مباشر بدون بريد إلكتروني. الوصول للأدوات والميزات وحدود الاستخدام بيعتمد على حسابك وخطتك وإعداداتك؛ ما بنضمن إن كل الميزات متاحة مجانًا.
بأي لغة؟
الدليل والبرومبتات بالعربي، بأمثلة قريبة من شغلنا. أسماء الملفات والأدوات مكتوبة بلغتها الأصلية وين بتحتاجها.
رح أبني موقعًا منشورًا؟
التمرين بينتهي بصفحة HTML وCSS محلية تفتحها بمتصفحك. النشر والاستضافة وربط النطاق خطوات منفصلة ومش جزءًا من هالدليل.
دليل مستقل من رصاص، وليس منتجًا رسميًا أو معتمدًا من OpenAI. راجعنا المراجع الرسمية بتاريخ 27 أكتوبر 2026؛ الواجهات والميزات ممكن تتغيّر.
Prompting ↗Quickstart ↗Use ChatGPT ↗Desktop app ↗