هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: الحلقات التكرارية باستخدام For loop (الجزء الاول)
المدة: 5 دقائق
وصف الدرس
استخدام الحلقات في جافا سكريبت
في هذا الدرس، سنتعلم كيفية استخدام الحلقات لتكرار التكرارات و أيضاً معالجة العناصر في جافا سكريبت بشكل فعال.
1. الحلقة `for`:
ربما تستخدم الحلقة `for` لتنفيذ كود معين عدد محدد من المرات.
```javascript
for ( var i = 0; i <= 10; i++ ) {
// قم بعمل ما تشاء هنا
console.log(i);
}
```
ولذلك تُستخدم هذه الحلقة لطباعة الأرقام من 0 إلى 10 على سبيل المثال.
2. الحلقة `for` في معالجة العناصر DOM:
بالمثال ، نستخدم الحلقة `for` لمعالجة عناصر DOM وتحديد ألوانها استنادًا إلى النتائج:
```javascript
var _ol = document.getElementById('score'),
final_score = _ol.dataset.finalScore,
_lis = _ol.getElementsByTagName('li');
for ( var i = 0; i <= _lis.length - 1; i++ ) {
var _student = _lis[i],
score = _student.dataset.score;
if ( score > final_score ) {
score = final_score;
}
var gradePercentage = (score / final_score) * 100 ;
_student.innerHTML += ' <b>' + gradePercentage + '%</b> ';
if ( gradePercentage === 100 ) {
_student.style.color = 'green';
} else if ( gradePercentage < 50 ) {
_student.style.color = 'red';
}
}
```
بالمثال يُظهر كيفية استخدام الحلقة `for` لتحديث النتائج على الصفحة باستخدام بيانات DOM، مما يتيح لنا تحديث ألوان النص حسب النتيجة.
3. الحلقة `for` بدون شرط توقف محدد:
هكذا يمكن استخدام الحلقة `for` بدون شرط توقف محدد، ثم يتم التحكم في توقف الحلقة بإضافة شرط توقف داخل الحلقة:
```javascript
var i = 0;
for ( ; ; ) {
// قم بعمل ما تشاء هنا
i++;
console.log(i);
if ( i == 10 ) {
break;
}
}
console.log('القيمة الأخيرة', i);
```
هذا المثال يُظهر كيفية استخدام حلقة `for` بدون شرط توقف محدد مع استخدام شرط داخلي للخروج من الحلقة عند تحقيق شرط معين.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي الحلقات التكرارية باستخدام For loop (الجزء الاول)
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
دورات تدريبية أخرى في برمجة
دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة
دورة تدريبية في بناء صفحات الويب HTML & CSS
دورة تدريبية في بناء صفحات الويب HTML & CSS يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
مقالات ذات صلة
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت
المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
