خطوات البدأ لحل مشكلة برمجية.

أي مشكلة برمجية لا تبدأ حلها من خلال الكود، بل عليك التفكير في الطريقة المناسبة للحل من خلال الأدوات المتاحة لك والتي لديك علم بها حاليًا.

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

ثم بعد التفكير إن لم تتوصل لحل مناسب عليك بالمراجعة عن الجزئية أو الإجزاء التي أنت بحاجة إليها من أجل حل السؤال سواء من خلال دورة أو من خلال مستند رسمي وهنا ليكن المستند الرسمي الخاص بـ React وفي حسوب يوجد شرح باللغة العربية:

• https://wiki.hsoub.com/React

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

بالنسبة لخطوات حل سؤالك فهي كالتالي:

1. أنشئ مشروع React جديد.
2. أنشئ مكونين جديدين: Header و Footer.
3. في مكون Header، مرر له prop يسمى title والذي يحتوي على القيمة "My React App".
4. في مكون Footer، وهومكون يعرض حقوق النشر. مرر له prop يسمى copyright والذي يحتوي على القيمة "© 2023".
5. في مكون App، وهو المكون الرئيسي للمشروع والذي يتم به عرض المكونات الأخرى وأيضًا تمرير props لها، وهو يعرض المكونين Header و Footer ويمرر المكون الرئيسي prop يسمى title إلى المكون Header و prop يسمى copyright إلى المكون Footer.

وهناك بعض النقاط الهامة:

• Props غير قابلة للتغيير، مما يعني أنه لا يمكن تغييرها بمجرد تمريرها إلى مكون فرعي.
• Props غير قابلة للتغيير من منظور المكون الفرعي أي بداخل المكون الذي تم تمريرها إليه.
• يمكنك تمرير أي قيمة JavaScript من خلال props، بما في ذلك الكائنات والصفائف والوظائف.
• للوصول إلى props في مكون فرعي، يمكنك استخدام كائن props.

أولاً قبل أي شئ يجب معرفة أنواع الأخطاء البرمجية حيث أن هذه المعلومات تجعلك تحل المشكلات التي تقابلك بأسرع وقت ممكن 

يمكنك الإطلاع على مقطع الفيديو التالي حيث يشرح بالتفصيل أنواع الأخطاء البرمجية

ثانياً قم بتحليل المشكلة بدقة وتحديد ماهيتها وأسبابها المحتملة. حاول فهم المتطلبات والتوقعات والنتائج المتوقعة من البرنامج أو التطبيق الذي تقوم بتطويره.كما أن رسالة الخطأ التي تظهر لك تصف لك مكان الخطأ وما هو الخطأ بالتحديد وعند فهم هذه الرسالة فيعتبر تم الوصول للحل (باستثناء الأخطاء المنطقية تكون صعبة قليلاً)

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

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

* مثال بسيط عما أقصده :

لشخص مبتدأ في البرمجة ( يعلم مفاهيم الاساسية للبرمجة من شروط وحلقات تكرار ) .
تخيل أن لدينا الارقام التالية وطلب من هذا الشخص فرزها ( كتفكير  أو كتابة وليس كود أو برمجة ) :

اقتباس

9 - 3 - 6 - 10 - 43 - 1 - 8

ستجد أن ذلك لن يأخد منه إلا بضع ثواني لترتيبها .

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

لكن إن دقق هذا الشخص في طريقة تفكيره , فسوف يجد أنه يأخد أصغر عدد من العناصر ويضعه في البداية , وثم الأصغر ومن ثم الأصغر .
فإذا حول هذا التفكير إلى خوارزمية ,ستكون كالتالي :

1. يقوم بالتحقق من العناصر أيها أصغر .
2. يأخذ أصغر عدد ويضيفه الى سطر النتيجة ( المصفوفة الجديدة ).
3. يكرر هذه العملية حتى يحصل على جميع الارقام .

وبالتالي , ستجد أنه يكتب خوارزمية الفرز selection sort الشهيرة .

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