Code Challenge
656 subscribers
40 photos
2 videos
1 file
64 links
القناة الرسمية على تلجرام لقناة Code Challenge على يوتيوب
رابط القناة على يوتيوب
https://www.youtube.com/c/CodeChallengeVideos
Download Telegram
أمس تم إطلاق GPT-4 بقدرات وميزات رهيبة 🔥
هل قمت بتجربة ChatGPT؟
خبرونا عن تجربتكم لChatGPT ضمن الجروب الخاص بالقناة
https://t.me/CodeChallengeGroup
هل قمت بتجربة ChatGPT؟
Anonymous Poll
42%
نعم (شارك تجربتك)
58%
لا (ما هو السبب؟)
👍2
❤‍🔥31👍1
لغة TypeScript هي لغة برمجة مفتوحة المصدر مبنية على لغة JavaScript تم تطويرها من قبل شركة Microsoft، وتعتبر TypeScript هي لغة JavaScript مع العديد من المزايا والميزات التي تجعلها مفيدة جدًا في عالم البرمجة، ويمكن أن تستخدم في تطوير تطبيقات الويب وتطبيقات الموبايل.

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

كيف يتم تشغيل TypeScript؟
الى هذه اللحظة لا تدعم المتصفحات لغة TypeScript، لذلك بعد كتابة الكود بلغة Typescript يتم ترجمة الكود الى لغة JavaScript ويمكن تشغيل هذا الكود في أي مكان يدعم JavaScript مثل المتصفّح، أو منصّة Node.js، أي بيئة أخرى مشغلة وداعمة للغة JavaScript.


ومن المثير للاهتمام أن TypeScript تدعمها العديد من الشركات الكبرى، مثل Microsoft وGoogle وAirbnb وغيرها، وتتوفر أيضًا لإطارات تطوير الويب الشهيرة مثل Angular وReact وVue.js، وتمتلك TypeScript مجتمعًا قويًا من المطورين والمستخدمين الذين يساعدون في تحسينها وتطويرها باستمرار.

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

شارك المنشور مع أصدقائك لتصل الفائدة للجميع وأخبرنا عن تجربتك مع لغة TypeScript
https://t.me/CodeChallengeVideos
❤‍🔥6👍4🤩2
#مسابقة لمدة أسبوع لإنشاء أفضل نسخة من لعبة Pacman
اللعبة تم شرح بنائها ضمن فيديو سابق على القناة
https://youtu.be/QFvnUOi_24M

الهدف من المسابقة هو البرمجة التنافسية
إرسال الكود على
https://t.me/CodeChallengeBot

كل نسخة ستصل إلينا سوف نقوم بارسال بعض الملاحظات عليها
إذا تم إرسال نسخ كثيرة سوف نقوم بعمل فيديو شرح الأخطاء الموجودة ضمن الأكواد
4❤‍🔥1👍1
باقي 6 أيام على إنتهاء المسابقة 🔥
🔥2
باقي خمس أيام على إنتهاء المسابقة 🔥
👍1🔥1
باقي أربع أيام على إنتهاء المسابقة 🔥
🔥1
باقي ثلاث أيام على إنتهاء المسابقة 🔥
❤‍🔥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