Code Challenge
656 subscribers
40 photos
2 videos
1 file
64 links
القناة الرسمية على تلجرام لقناة Code Challenge على يوتيوب
رابط القناة على يوتيوب
https://www.youtube.com/c/CodeChallengeVideos
Download Telegram
باقي ثلاث أيام على إنتهاء المسابقة 🔥
❤‍🔥1🔥1
ما هي المتغيرات؟
المتغيرات (variables): ببساطة هي عبارة عن اماكن يتم حجزها لتخزين نوع من البيانات ذات قيم معينة وباسم محدد.

• النوع: يحدد نوع المتغير نوع القيمة التي يمكن تخزينها فيه، ويمكن أن يكون النوع أرقام، نصوص، true & false، وغيرها.

• الاسم: يستخدم الاسم للإشارة إلى المتغير في الكود.

• القيمة: تمثل البيانات المخزنة في المتغير، ويمكن تعيين قيمة للمتغير أثناء إنشاء المتغير، أو في وقت لاحق أثناء تنفيذ الكود.

تعتبر لغة JavaScript وعلى خلاف العديد من لغات البرمجة أنها dynamically typed وتعنى أنه يمكن تغير نوع البيانات المخزنة في المتغير فيمكن أن نقوم بتعريف متغير ونخزن فيه قيمة نصية وضمن الكود تعديل محتواه الى قيمة عددية فلا نحتاج تحديد نوع البيانات التي سوف يتم تخزينها في المتغير بل يتم معرفتها بشكل تلقائي من قبل اللغة.

ماهي أنواع المتغيرات الاساسية؟
Number
يستخدم لتخزين الأرقام، ويمكن أن يكون صحيحاً (integer) أو عشرياً (floating-point).

String
يستخدم لتخزين النصوص والسلاسل النصية.

Boolean
يستخدم لتخزين القيم المنطقية true/false.

Object
يستخدم لتخزين البيانات المعقدة والكائنات.

Array
يستخدم لتخزين مجموعة من القيم.

Null
يستخدم لتعيين قيمة فارغة.

Undefined
يستخدم لتعيين قيمة غير معرفة.

كيف يتم تعريف متغير بلغة JavaScript؟
لتعريف متغير جديد هناك ثلاث كلمات مفتاحية تستخدم للتصريح عن المتغيرات وهي var, let, const ولكل منها خصائص وتأثيرات مختلفة على كيفية استخدام المتغير الذي يتم إنشاءه، فما هو الفرق بينها وما هي هذه الخصائص؟

سوف نتحدث عنها قريبا لذلك تابعنا في المنشورات القادمة وشارك المنشورك مع أصدقائك لتصل الفائدة للجميع.
https://t.me/CodeChallengeVideos
👍31❤‍🔥1🔥1
باقي يومين فقط على إنتهاء المسابقة!
سارع بإرسال الكود إلى البوت المخصص
https://t.me/CodeChallengeBot
1
Code Challenge
باقي يومين فقط على إنتهاء المسابقة! سارع بإرسال الكود إلى البوت المخصص https://t.me/CodeChallengeBot
الجائزة هي إختيار فكرة فيديو جديد على القناة
شاهد الفيديو لمعرفة طريقة بناء اللعبة
بالتوفيق للجميع 🔥🔥🔥🔥🔥
https://youtu.be/QFvnUOi_24M
🔥1
غداً سوف تنتهي المسابقة وسيتم الإعلان عن الفائز 🎉🎉
سارع بإرسال الكود إلى البوت المخصص
https://t.me/CodeChallengeBot
🔥1🥰1
باقي ساعات على إعلان الرابح
سارع بإرسال الكود إلى البوت المخصص
https://t.me/CodeChallengeBot
🔥1
#إعلان_نتيجة_المسابقة
الفائز في مسابقة برمجة أفضل نسخة من لعبة Pacman هو MBK
وحظ أوفر للجميع في المرة القادمة

تم التواصل مع MBK وطلب أن يكون الفيديو هو شرح webpack
👏5❤‍🔥3👍2
تحدثنا في المنشور السابق أنه للتعريف متغير جديد هناك ثلاث كلمات مفتاحية تستخدم للتصريح عن المتغيرات وهي var, let, const ولكل منها خصائص وتأثيرات مختلفة على كيفية استخدام المتغير الذي يتم إنشاءه، فما هو الفرق بينها وما هي هذه الخصائص؟

ولكن قبل التعرف على هذه الخصائص والفرق بينها نحتاج للتعرف على بعض المفاهيم حيث تعتبر global variables و local variables و Function scope و Block scope مفاهيم مهمة في لغات البرمجة وتحديدا لغة JavaScript.

1- المتغيرات العامة global variables هي متغيرات يمكن استخدامها في أي جزء من الكود بغض النظر عن المكان الذي تم تعريفها فيه، مثال بفرض أنني قمت بتعريف متغير global داخل جزء مثل if, for, function... فإنني استطيع استخدام هذا المتغير خارج هذا الجزء.

2- المتغيرات المحلية local variables هي متغيرات يمكن استخدامها فقط ضمن الجزء الذي تم تعريف المتغير فيه، وفي خارج هذا الجزء يصبح وكأن المتغير غير موجود أبداً وتنقسم الى قسمين:
• Function scope:
- في حال تم تعريف المتغيرات داخل تابع فإنه يمكن الوصول إليها فقط داخل هذا التابع.
- يمكن تعريف المتغيرات محلية لتابع (Function scope) باستخدام var داخل التابع.

• Block scope:
- يتم تعريف المتغيرات داخل الأقواس الزوجية {} الخاصة ببلوك سواء كانت if, for, function... ويمكن الوصول إليها فقط داخل هذا البلوك.
- يمكن استخدام let أو const لتعريف المتغيرات المحلية، حيث يمكن استخدامها داخل الأقواس الزوجية {} التي تحتوي عليها فقط.

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

سوف نتحدث في المنشور القادم عن الفرق بين var و let و const بطريقة مبسطة وسهلة، لذلك تابعنا وشارك المنشور مع أصدقائك لتصل الفائدة للجميع
https://t.me/CodeChallengeVideos
❤‍🔥4👍3
تفاعلكم مع المنشور يحفزنا على الاستمرار، لطفاً تفاعل مع المنشور وشاركه👇👇👇


الفرق بين var و let و const

1- var

• يتم تعريف المتغيرات باستخدام var في نسخة ES5 والإصدارات الأقدم من جافا سكريبت.
• تتميز بكونها متغيرات عامة (Global scope) و متغيرات محلية لتابع (Function scope) حسب مكان تعريفها، وعلى سبيل المثال لو قمت بتعريف متغير عن طريق var داخل حلقة for وقمت بطباعة هذا المتغير خارج الحلقة for سوف تتم طباعته بشكل طبيعي لأنه (Global scope)، ولكن لو قمت بتعريف متغير من خلال var داخل تابع وقمت بطباعة هذا المتغير خارج التابع سوف يظهر لنا خطأ لأنه (Function scope).
• يمكن إعادة تعيين قيمة المتغير في أي وقت.
• يمكن استخدام المتغير قبل تعريفه.

2- let
• تم إضافة let في نسخة ES6.
• تتميز بكونها متغيرات محددة النطاق (Block scope) و متغيرات محلية لتابع (Function scope) حيث يمكن استخدام المتغير داخل البلوك الذي تم تعريفه فيه سواء كان function, loop, if...
• يمكن إعادة تعيين قيمة المتغير في أي وقت.
• يمكن استخدام المتغير فقط بعد تعريفه.

3- const
• تم إضافة const في نسخة ES6.
• تتميز بأنها متغيرات ثابتة ولا يمكن تعيين قيمة جديدة لها بعد تعريفها.
• تتميز بكونها متغيرات محددة النطاق (Block scope) و متغيرات محلية لتابع (Function scope) حيث يمكن استخدام المتغير داخل البلوك الذي تم تعريفه فيه سواء كان function, loop, if...
• يمكن استخدام المتغير فقط بعد تعريفه.

بشكل عام، يفضل استخدام const في الحالات التي لا يجب أن تتغير قيمة المتغير خلال تنفيذ البرنامج، ويفضل استخدام let في الحالات الأخرى التي يمكن فيها تغيير قيمة المتغير، ولا يوصى باستخدام var إلا في الحالات النادرة.

سوف نتحدث في المنشور القادم عن قواعد ونصائح لتسمية المتغيرات بشكل أفضل في لغة JavaScript، تابعنا وشارك المنشور مع أصدقائك لنشر الفائدة للجميع
https://t.me/CodeChallengeVideos
👍3❤‍🔥1🔥1
قواعد تسمية المتغيرات في لغة JavaScript

في لغة JavaScript ومثل أي لغة برمجة هناك بعض القواعد التي يجب اتباعها عند تسمية المتغيرات:

• يجب أن يبدأ اسم المتغير بحرف أو (_) underscore.

• يمكن أن يحتوي اسم المتغير على أحرف (A-Z ، a-z) وأرقام (0-9) و (_).

• يجب تجنب استخدام الرموز الخاصة مثل الأقواس والنقاط والأقواس والفواصل أو المسافات.

• يجب ألا يكون اسم المتغير محجوزًا، مثل الكلمات الأساسية في JavaScript مثل "function" و "var".

• تعتبر لغة JavaScript حساسة لحالة الأحرف case sensitive لذلك يجب التمييز بين الأحرف الكبيرة والصغيرة في أسماء المتغيرات، على سبيل المثال يتم اعتبار "myVar" و "myvar" اسمين مختلفين.

على سبيل المثال يمكن تسمية متغير في JavaScript بالشكل التالي:
let myAge= 14;

وهنا تم استخدام الحرف الصغير للجزء الأول من الاسم، والحرف الكبير للجزء الثاني من الاسم لسهولة قراءته. وتم اختيار اسم "myAge" لتعبر بوضوح عن الغرض من المتغير وتوضح ما يحتويه.

بعض النصائح لتسمية المتغيرات بشكل أفضل

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

• في حال أن اسم المتغير يتكون من أكثر من كلمة فإنه يوصى دائما اتباع مبدأ camel case في كتابة اسم المتغير وهو كتابة أول حرف من كل كلمة عدا الكلمة الاولى بشكل كبير، مثل: myAge, currentDateAndTime


• في حال استخدام المتغيرات لتخزين قيم منطقية (true, false) فإنه يوصى باستخدام is و has في اسم المتغير لوصفه مثل: hasOwner.

هل كان هذا المنشور مفيداً لك؟ أخبرنا بالتعليقات وشارك المنشور مع أصدقائك لنشر الفائدة للجميع
https://t.me/CodeChallengeVideos
👍9🔥2❤‍🔥1
مرحبًا بكم 👋🏻
قمنا بعمل قناة جديدة سنقوم بنشر مشاريع إلكترونيات ومتحكمات مصغرة Microcontrollers فيها

الفيديو الأول نتحدث عن بناء مشروع تحسس تردد الصوت باستخدام Arduino


اشتركوا بالقناة ليصلكم المحتوى فور نزوله، وشاركوا القناة مع كل أصدقائكم المهتمين في المشاريع الإلكترونية والمتحكمات المصغرة Microcontrollers

https://youtu.be/PnxRIQs6nOw?si=EvjBs6E3SnzxlAG6
3👍1
هل تريد تعلم البرمجة بسرعة وفعالية؟ 🤔
الكثير يعتقد أن مشاهدة الفيديوهات تكفي لتعلم البرمجة، لكن الحقيقة مختلفة! 👨‍💻
الطريقة الصحيحة هي التنفيذ العملي وكتابة الكود بنفسك، لأن الممارسة هي سر النجاح لتصبح مبرمج محترف.

في هذا الشورت رح تكتشف لماذا كتابة الكود هو الطريق الوحيد لتعلم البرمجة بدل ما تكتفي بالمشاهدة فقط.
https://youtube.com/shorts/51MP5T0ODbA?si=fX96-5QINvr2mLO_
2
🎥 تم نشر شورت جديد على القناة!

في هذا الفيديو نسلّط الضوء على ثلاثة أخطاء شائعة يقع فيها المبتدئون في تعلم البرمجة، والتي قد تُضيّع الكثير من الوقت والجهد.
من خلال متابعة هذا الشورت ستتعرّف على:
1️⃣ خطأ الاعتماد على المشاهدة فقط دون التطبيق العملي.
2️⃣ خطأ الخوف من مواجهة الأخطاء البرمجية (Errors).
3️⃣ خطأ التنقّل بين لغات البرمجة دون إتقان إحداها.

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

لمشاهدة الشورت:
https://youtube.com/shorts/Sy6ypBGtCKM?si=Io7wRF7TtuDsMbHc
3
🚀 تم نشر شورت جديد على القناة!

هل تعلم إن الكمبيوتر ما بيفهم لا عربي ولا إنجليزي؟ 👀
هو ما بيعرف غير صفر وواحد… بس السر اللي بيخليه يفهم لغات البرمجة اسمه Compiler أو "المترجم".
بـ 40 ثانية رح تفهم كيف الكود اللي بتكتبه بيتحوّل لأوامر بينفذها الكمبيوتر حرفياً. 💻⚡️

📺 شاهد الشورت الآن:
https://www.youtube.com/shorts/Xv36ajVCAbU?feature=share