0Pricing
Javascript for Kids · درس

الصفوف والأعمدة

أنشئوا شبكة

الصفوف والأعمدة درس مجاني في Javascript for Kids على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Javascript for Kids، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Javascript for Kids 4 دروس في المجموع.

أنشئوا شبكة! 🟦🟦

تشبه الشبكة رقعة الشطرنج أو نافذةً فيها مربعات صغيرة! وتتكوّن من صفوف (تمتد أفقيًا) وأعمدة (تمتد رأسيًا). ⬜⬜⬜

الحلقات المتداخلة مثالية لرسم الشبكات!

بناء صف 📏

لبناء صف واحد من النجوم، يمكننا وصل النجوم باستخدام + داخل سلسلة نصية.

دعونا نبني نص الصف خطوة بخطوة!

let row = ''
for (let col = 1; col <= 4; col++) {
  row = row + '*'
}
console.log(row)

ماذا حدث؟ 🔍

بدأنا بكلمة فارغة ''. أضافت كل حلقة رمزًا واحدًا *. لذلك نما النص هكذا: *، **، ***، ****!

ثم طبعنا الصف المكتمل. رائع! ✨

let row = ''
for (let col = 1; col <= 3; col++) {
  row = row + '*'
  console.log(row)
}

صفوف كثيرة 📚

والآن ضعوا ذلك داخل حلقة خارجية لإنشاء صفوف كثيرة! الخارجية = الصفوف، والداخلية = الأعمدة.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '*'
  }
  console.log(row)
}

مربع 4 × 4 🟦

دعونا ننشئ مربعًا مثاليًا! 4 صفوف و4 أعمدة من النجوم.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '*'
  }
  console.log(row)
}

استخدموا الرموز التعبيرية! 🎨

لماذا نستخدم نجومًا مملة؟ دعونا نبني شبكة من القلوب! 💖

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 3; c++) {
    row = row + '💖'
  }
  console.log(row)
}

مستطيل عريض ▭

لا يلزم أن يتساوى عدد الصفوف والأعمدة! دعونا ننشئ مستطيلًا عريضًا: صفّان و6 أعمدة.

for (let r = 1; r <= 2; r++) {
  let row = ''
  for (let c = 1; c <= 6; c++) {
    row = row + '🟩'
  }
  console.log(row)
}

شبكة الأعداد 🔢

بدلًا من النجوم، دعونا نملأ الشبكة برقم العمود!

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + c
  }
  console.log(row)
}

شبكة طويلة 🏢

دعونا نبني برجًا طويلًا! 6 صفوف وعمودان من الكتل. 🧱

for (let r = 1; r <= 6; r++) {
  let row = ''
  for (let c = 1; c <= 2; c++) {
    row = row + '🧱'
  }
  console.log(row)
}

أضيفوا مسافات 🔲

ضعوا مسافة بين الرموز لتوزيعها! استخدموا '* ' التي تتضمن مسافة.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '* '
  }
  console.log(row)
}

حان دوركم للبناء 🌟

غيّروا القلوب إلى نجوم 🌟 أو غيّروا الحجم! عدّلوا البرنامج وشغّلوه لإنشاء شبكتكم الخاصة.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= 5; c++) {
    row = row + '🌟'
  }
  console.log(row)
}

تحقق سريع ✅

اختبار سريع لفهم الشبكات! 🧠

مراجعة الصفوف والأعمدة 🎉

شبكات جميلة! 🟦 لقد تعلّمتم بناءها.

  • الحلقة الخارجية = الصفوف
  • الحلقة الداخلية = الأعمدة
  • ابنوا نص الصف باستخدام row = row + symbol، ثم اطبعوه

التالي: مثلثات النجوم المتزايدة! 🔺

الأسئلة الشائعة

هل درس «الصفوف والأعمدة» مجاني؟

نعم — نص درس «الصفوف والأعمدة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Javascript for Kids، انتقل إلى CoddyKit PRO. تتضمن دورة Javascript for Kids 4 دروس في المجموع.

ماذا ستتعلم في «الصفوف والأعمدة»؟

أنشئوا شبكة تتمرن على Javascript for Kids مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Javascript for Kids؟

لا تُشترط خبرة سابقة. Javascript for Kids على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «الصفوف والأعمدة»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Javascript for Kids هذا؟

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

جميع الدروس في هذه الدورة

  1. حلقة داخل حلقة
  2. الصفوف والأعمدة
  3. مثلثات النجوم
  4. جدول الضرب
← العودة إلى Javascript for Kids