Coding with MO

18/08/2026

🚀 في هذا الدرس سنتعلم كيفية استخدام For Loop في JavaScript من خلال أمثلة عملية وبسيطة.

في المثال الأول سنستخدم الـ For Loop مع Arrays لجمع الأرقام الموجودة داخل المصفوفة، وسنختبر الكود باستخدام 3 مصفوفات مختلفة للتأكد من أن الـ Loop تعمل بشكل صحيح.

وفي المثال الثاني سنطبق الـ For Loop على روابط Navbar، ونستخدمها لتغيير لون الروابط باستخدام JavaScript 🎨

💡 الهدف من الدرس هو أن تفهم كيف تعمل الـ For Loop وكيف يمكنك استخدامها في مواقف عملية داخل مشاريع JavaScript.

📌 في هذا الدرس ستتعلم:
🔹 استخدام For Loop مع Arrays
🔹 المرور على عناصر المصفوفة
🔹 جمع القيم الموجودة داخل Array
🔹 اختبار الكود باستخدام أكثر من Array
🔹 استخدام For Loop مع عناصر Navbar
🔹 تغيير خصائص عناصر HTML باستخدام JavaScript

إذا كنت تتعلم JavaScript من البداية، تابع الدرس خطوة بخطوة وطبّق الأمثلة بنفسك 💻🔥

👍 لا تنسَ الاشتراك في القناة لمتابعة الدروس القادمة.

17/08/2026

https://youtu.be/4BXJG-0unqw
🔥 **هل تعرف كيف تجعل الكود يتكرر بنفسه؟**

في درسنا الجديد راح ندخل إلى عالم 🔁 **For Loop** في JavaScript!

من خلال مثال بسيط، راح نفهم:
💻 كيف تعمل الـ For Loop
🔢 كيف تتحكم بعدد التكرارات
🧠 وكيف تفهم الكود خطوة بخطوة

إذا كنت تتعلم JavaScript، هذا الدرس **مهم جدًا لك** 🚀

🎯 **شاهد الدرس وخلينا نفهم الـ For Loop معًا!**

#جافاسكربت

16/08/2026

https://youtu.be/8NSgL_s_mUQ

🚀 في هذا الدرس سنتعلم Array في JavaScript بطريقة سهلة وعملية، من البداية وحتى التعامل مع العناصر داخل المصفوفة.

📌 سنتعرف خطوة بخطوة على:

🔹 ما هي الـ Array وكيف نقوم بإنشائها
🔹 كيفية الوصول إلى القيم داخل المصفوفة باستخدام الـ Index
🔹 فهم ترتيب العناصر وأرقام الفهرسة
🔹 كيفية إضافة عناصر جديدة باستخدام push()
🔹 كيفية حذف آخر عنصر باستخدام pop()
🔹 أمثلة عملية تساعدك على فهم المصفوفات بسهولة
🔹 تطبيق ما تعلمناه باستخدام JavaScript

💡 إذا كنت تتعلم JavaScript من الصفر، فهذا الدرس مهم جداً لأن المصفوفات من الأساسيات التي ستستخدمها في الكثير من المشاريع البرمجية القادمة.

🎯 تابع الدرس للنهاية وطبّق الأمثلة بنفسك، لأن أفضل طريقة لتعلم البرمجة هي الممارسة 💻🔥

#برمجة

16/08/2026

شرح Array في JavaScript للمبتدئين | الوصول والإضافة والحذف 🚀 (الدرس القادم استعدوا!)

🚀 في هذا الدرس سنتعلم Array في JavaScript بطريقة سهلة وعملية، من البداية وحتى التعامل مع العناصر داخل المصفوفة.

📌 سنتعرف خطوة بخطوة على:

🔹 ما هي الـ Array وكيف نقوم بإنشائها
🔹 كيفية الوصول إلى القيم داخل المصفوفة باستخدام الـ Index
🔹 فهم ترتيب العناصر وأرقام الفهرسة
🔹 كيفية إضافة عناصر جديدة باستخدام push()
🔹 كيفية حذف آخر عنصر باستخدام pop()
🔹 أمثلة عملية تساعدك على فهم المصفوفات بسهولة
🔹 تطبيق ما تعلمناه باستخدام JavaScript

💡 إذا كنت تتعلم JavaScript من الصفر، فهذا الدرس مهم جداً لأن المصفوفات من الأساسيات التي ستستخدمها في الكثير من المشاريع البرمجية القادمة.

🎯 تابع الدرس للنهاية وطبّق الأمثلة بنفسك، لأن أفضل طريقة لتعلم البرمجة هي الممارسة 💻🔥

14/08/2026

https://youtu.be/-GkFWxKS4vQ

هل تريد أن تجعل موقعك أكثر احترافية وتضيف له الوضع الداكن Dark Mode؟ 🌙🖤

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

في الدرس سنتعلم:

🌙 تحويل الصفحة إلى الوضع الداكن عند الضغط على زر القمر.
☀️ إعادة الصفحة إلى الوضع الطبيعي عند الضغط مرة أخرى.
🔄 تغيير الأيقونة من القمر إلى الشمس والعكس.
🎨 تغيير ألوان النصوص والروابط بما يتناسب مع الوضع الجديد.
💻 تطبيق كل ذلك باستخدام JavaScript + HTML + CSS.

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

إذا كنت تتعلم JavaScript وتريد أن تفهم كيف تجعل صفحات الويب تفاعلية، فهذا الدرس مناسب لك جدًا.

🔥 شاهد الدرس للنهاية وطبّق معي خطوة بخطوة!

#جافاسكريبت

هل تريد أن تجعل موقعك أكثر احترافية وتضيف له الوضع الداكن Dark Mode...

13/08/2026

https://youtu.be/Dto-ZAcaZXM

في هذا الدرس سنتعلم بشكل عملي وبسيط كيفية استخدام **HTML وCSS** لبناء وتنسيق صفحة ويب، مع تطبيق مهم جدًا في CSS وهو **توسيط العناصر داخل الصفحة** باستخدام **Flexbox**. 🎯

💻 ماذا سنتعلم في هذا الدرس؟

🔹 استخدام HTML لبناء عناصر الصفحة
🔹 تنسيق العناصر باستخدام CSS
🔹 التعرف على Flexbox بطريقة بسيطة
🔹 استخدام `display: flex`
🔹 توسيط العناصر أفقيًا وعموديًا
🔹 فهم دور `justify-content` و `align-items`
🔹 تطبيق عملي على صفحة ويب حقيقية

هذا الدرس مناسب للمبتدئين الذين يريدون فهم أساسيات **HTML وCSS** بطريقة عملية، وليس فقط حفظ الأكواد. 🚀

إذا كنت في بداية طريقك في تعلم تصميم وتطوير صفحات الويب، تابع الدرس وطبّق معي خطوة بخطوة. 💻🔥

👍 لا تنسَ الاشتراك في القناة وتفعيل زر التنبيهات 🔔 لدروس HTML وCSS وJavaScript القادمة.

في هذا الدرس سنتعلم بشكل عملي وبسيط كيفية استخدام **HTML وCSS** لبن...