اليوم الأول من تحدي الـ 100 يوم

التاريخ: 21/08/2024

الهدف: لتعلم وفهم المتغيرات والعمليات المنطقية وأنواع البيانات في JavaScript، وحل مشكلة رياضية باستخدام JavaScript، والبدء في التعرف على مستمعي الأحداث والعبارات الشرطية.

1. مقدمة لمتغيرات جافا سكريبت

اليوم، بدأت رحلتي إلى JavaScript من خلال التعرف على المتغيرات. يشبه المتغير في JavaScript الحاوية التي تحتوي على البيانات، والتي يمكن أن تكون رقمًا أو جزءًا من النص أو أي نوع آخر من القيمة. لقد تعلمت كيفية الإعلان عن متغير باستخدام الكلمات الأساسية Let وconst وvar.

• يتيح لك إنشاء متغير يمكن تغييره لاحقًا.
• ينشئ const متغيرًا لا يمكن إعادة تعيينه.
• var هي طريقة قديمة للإعلان عن المتغيرات ولكنها لا تزال مستخدمة.

2. فهم العمليات المنطقية وأنواع البيانات

بعد ذلك، استكشفت العمليات المنطقية، والتي تُستخدم لاتخاذ القرارات في JavaScript. تعلمت عن العوامل المنطقية الأساسية:

تعلمت أيضًا عن أنواع البيانات المختلفة مثل:

3. حل مسألة رياضية باستخدام جافا سكريبت

لقد طبقت معرفتي بالمتغيرات وأنواع البيانات لحل مشكلة رياضية بسيطة. كانت المشكلة هي حساب مساحة المستطيل بمعلومية عرضه وارتفاعه.

4. مقدمة لمستمعي الأحداث

وبالمضي قدمًا، بدأت التعرف على مستمعي الأحداث. مستمع الحدث هو وظيفة تنتظر حدوث حدث معين، مثل قيام المستخدم بالنقر فوق زر، ثم تشغيل بعض الإجراءات.

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

عند عدم النقر على

عند النقر عليه سيظهر تحميل البيانات.. ثم ينتهي الأمر بإظهار "البيانات المحملة عبر رد الاتصال"

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

5. فهم العبارات الشرطية

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

6 فهم while Loops وFor Loops في JavaScript

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

تعريف بسيط:
تستمر حلقة while في العمل طالما ظل شرط معين صحيحًا.

مثال:

let number = 1;

while (number 



في هذا المثال، تبدأ الحلقة بالرقم = 1 وتستمر في العمل إذا كان الرقم أقل من أو يساوي 5. وتطبع قيمة الرقم ثم تزيده بمقدار 1 في كل مرة.

  للحلقة:  

تشبه حلقة for حلقة while ولكنها عادةً ما تكون أكثر إيجازًا وأسهل في الكتابة عندما تعرف عدد المرات التي تريد تشغيل الحلقة فيها.

  تعريف بسيط:  

تكرار حلقة for كتلة من التعليمات البرمجية لعدد محدد من المرات.

مثال:


for (let i = 1; i 



في حلقة for هذه، يبدأ i من 1 ويزداد بمقدار 1 بعد كل حلقة حتى يصل إلى 5. يتم تشغيل الحلقة 5 مرات، تمامًا مثل حلقة while.

الفرق بين حلقات while وFor:

• While Loop: من الأفضل أن لا تعرف عدد المرات التي يجب أن يتم فيها تشغيل الحلقة، ولكن لديك شرطًا للتحقق منه.
• للحلقة: من الأفضل أن تعرف بالضبط عدد المرات التي يجب تشغيل الحلقة فيها.

سيناريو:
تخيل أنك تقلب عملة معدنية. تريد الاستمرار في التقليب حتى تحصل على الرؤوس. نظرًا لأنك لا تعرف عدد التقلبات التي ستستغرقها، يمكنك استخدام حلقة while للاستمرار في التقليب حتى تحصل على الرؤوس.

الآن، إذا كنت تريد قلب العملة 5 مرات بالضبط، فستستخدم حلقة for لأنك تعلم أنك تحتاج إلى 5 رميات بالضبط، بغض النظر عن النتيجة.

في ملخص:

• أثناء الحلقة: يستمر في التقليب حتى تحصل على رؤوس.
• للتكرار: يقلب العملة 5 مرات بالضبط.

استغرق فهم الحلقات بعض الجهد، لكن هذا التمرين ساعدني في معرفة مدى فائدتها في تكرار المهام بكفاءة في الكود الخاص بي.

تجربتي

لقد شعرت بالإحباط والتوتر الشديد. لقد كان الأمر يؤثر علي حقًا، لدرجة أنني شعرت تقريبًا برغبة في تحطيم جهاز الكمبيوتر الخاص بي. لقد كان الأمر ساحقًا جدًا! هل يمكنك مساعدتي من فضلك في معرفة أين حدث الخطأ؟...؟‍♂️?‍♂️?‍♂️?‍♂️، كان علي أن أتعامل مع الكثير من الأخطاء، وكان تصحيح الأخطاء يزيد من إجهادي. لكنني قررت أن آخذ قسطًا من الراحة وأعيد ضبط ذهني واكتشفت المشكلة أخيرًا. ظللت أقول لنفسي إنني أستطيع أن أكون أفضل نسخة من نفسي، مهما حدث.

لكن جافا سكريبت...؟؟؟؟

خاتمة

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

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