السلام عليكم , حاليا الحمد لله اكملت اساسيات الجافا اسكربت

يوجد مصطلح لذلك وهو Tutorial Hell أو فخ الدروس التعليمية، المشكلة أن الذكاء الاصطناعي يزيد الأمر سوءً بسبب طريقة استخدامه من قبل الغالبية وهي إلغاء العقل والاتكال عليه في التفكير، في البداية ا البرمجة الحقيقية هي مهارة استحضار الحلول وتصحيح الأخطاء ذاتياً، بعدها تستطيع الاعتماد على الأدوات.

يجب أن تضع له System Prompt تعليمات أساسية، انسخ النص التالي وضعه في بداية المحادثة مع الـ AI:

اقتباس

أريدك أن تعمل كمدرب ومبرمج خبير (Senior Mentor). أنا أتعلم حالياً [اسم التقنية]، هدفنا كسر حاجز التطبيق العملي.

القواعد الصارمة بيننا:

اطلب مني أولاً بناء مشروع مصغر (Micro-task) معتمداً على المتطلبات الوظيفية فقط، وبدون كتابة أي كود أو إعطاء شبه كود (Pseudocode).

عندما أرسل لك كودي، قيّمه من حيث صحة المنطق، ونظافة الكود.

ممنوع تماماً أن تكتب لي الكود الصحيح أو البديل، حتى لو كان الكود مليئاً بالأخطاء أو طلبت منك الحل صراحة.

وجّهني فقط عبر أسئلة تلميحية (Hints & Guiding Questions) تدفعني لقراءة الكونسول أو إعادة التفكير في السطر الخاطئ.

اسألني دائماً عن سبب اختياري لهذا الحل قبل أن تنتقل بي للمهمة التالية. ابدأ الآن بإعطائي التحدي الأول المناسب لمستواي.

لكن لا ترسل الكود أو الخطأ للذكاء الاصطناعي بمجرد أن يتعطل معك، حاول قراءة رسالة الخطأ، وضع console.log لتتبع البيانات، وفكّر بمفردك ربع ساعة على الأقل. 

وعند إرسال الكود للـ AI، أرفق معه تعليقاً بسيطاً يشرح لماذا كتبت الكود بهذه الطريقة ولماذا اخترت هذه الدالة تحديداً، ذلك يمنعك من تجربة حلول عشوائية حتى تنجح بالصدفة.

عندما تبدأ بـ React، يجب أن تتأكد أنك تشاهد كورساً يعتمد على النسخة الحديثة وتجاهل الكورسات التي تشرح الـ Class Components في البداية.

بتاريخ 3 ساعة قال Mustafa Suleiman:

يوجد مصطلح لذلك وهو Tutorial Hell أو فخ الدروس التعليمية، المشكلة أن الذكاء الاصطناعي يزيد الأمر سوءً بسبب طريقة استخدامه من قبل الغالبية وهي إلغاء العقل والاتكال عليه في التفكير، في البداية ا البرمجة الحقيقية هي مهارة استحضار الحلول وتصحيح الأخطاء ذاتياً، بعدها تستطيع الاعتماد على الأدوات.

يجب أن تضع له System Prompt تعليمات أساسية، انسخ النص التالي وضعه في بداية المحادثة مع الـ AI:

لكن لا ترسل الكود أو الخطأ للذكاء الاصطناعي بمجرد أن يتعطل معك، حاول قراءة رسالة الخطأ، وضع console.log لتتبع البيانات، وفكّر بمفردك ربع ساعة على الأقل. 

وعند إرسال الكود للـ AI، أرفق معه تعليقاً بسيطاً يشرح لماذا كتبت الكود بهذه الطريقة ولماذا اخترت هذه الدالة تحديداً، ذلك يمنعك من تجربة حلول عشوائية حتى تنجح بالصدفة.

عندما تبدأ بـ React، يجب أن تتأكد أنك تشاهد كورساً يعتمد على النسخة الحديثة وتجاهل الكورسات التي تشرح الـ Class Components في البداية.

شكرا استاذ مصطفى 🫡🤍

طيب اش رايك في كورس رياكت من اكاديمية ترميز  

وعليكم السلام ورحمة الله وبركاته.

إن شعورك هذل طبيعي جدا ويمر به أغلب المبرمجين بعد إنهاء الأساسيات ومن اهم أسبابه أن الفهم النظري للتطبيق العملي يحتاج فقط لكسر حاجز الخوف من الكود وتطبيق ما تعلمته خطوة بخطوة.

وأفضل طريقة لك للتدرب مع إستخدام الذكاء الإصطناعي هى بدلا من أن تطلب من الذكاء الاصطناعي كتابة الكود نيابة عنك أنت تستخدمه كموجه أو مدرب شخصي وإليك أفضل الأوامر (Prompts) التي يمكنك نسخها وتوجيهها للذكاء الاصطناعي لخلق بيئة تفاعلية لك حسب ما تريده:

للتدريب على حل المشكلات (المتدرج):

اقتباس

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

لبناء مشاريع مصغرة خطوة بخطوة:

اقتباس

"أريد بناء مشروع بسيط باستخدام HTML, CSS, و JavaScript (مثل آلة حاسبة أو قائمة مهام). لا تكتب لي الكود، بل قسم لي المشروع إلى خطوات منطقية صغيرة جداً، واطلب مني تنفيذ الخطوة الأولى. لن ننتقل للخطوة الثانية حتى أرسل لك كود الخطوة الأولى وتراجعه."

لمراجعة الكود وتحسينه (Code Review):

اقتباس

"لقد كتبت هذا الكود لتحقيق [وصف المهمة]. هل يمكنك مراجعته وإخباري إذا كان هناك طرق أفضل أو أنظف لكتابته مع شرح السبب برمجياً؟ الكود: [ضع الكود هنا]"

وإليك أفضل القنوات التي تقدم دورات متكاملة:

• Elzero Web School (أسامة الزيرو): من أشهر وأقوى المصادر العربية فدورة React لديه تفصيلية جدا وتغطي الأساسيات بشكل ممتاز يسهل على المبتدئين فهمه مع تطبيق عملي مستمر.
• Ali Hassan (علي حسن - قناة Ali Hassan): وقناته ممتازة في الشرح العملي ودورته تركز على التطبيق الحقيقي وكيفية بناء مشاريع متكاملة ب React.