الرئيسية › الدروس › JavaScript: الأساسيات

دروس هذا الفصل

1. سكريبت في الصفحة
2. الشروط والحلقات
3. الـ fonctions والـ objets متاع اللغة

الدرس 25.1 : سكريبت في الصفحة

10 دقيقة

الـ JavaScript يخدم في المتصفّح، في الجهاز متاع الزائر. يتكتب بين <script> و </script>، ولا في fichier وحدو مربوط بـ <script src="script.js"></script>، والأحسن يتحطّ قبل </body> مباشرة.

<body>
  <h1>Ma page</h1>
  <script src="script.js"></script>
</body>

let prenom = prompt("Ton prénom ?");
const annee = 2026;
alert("Bonjour " + prenom);
console.log("Nous sommes en", annee);

• let تصرّح بمتغيّر ينجم يتبدّل، و const بقيمة ما عادش تتبدّل.
• alert(…) تحلّ نافذة، console.log(…) تكتب في الـ console (الإطار تحت الصفحة)، prompt(…) تطلب قيمة.
• الـ types: عدد (12، 3.5)، chaîne ("Tunis")، booléen (true، false). typeof x يقول الـ type.

انتبه : prompt ديما ترجّع chaîne: "5" + 3 تعطي "53" (الـ chaînes يتلصقو). حوّل الأوّل بـ Number(…): Number("5") + 3 تعطي 8.

الدرس 25.2 : الشروط والحلقات

12 دقيقة

let note = Number(prompt("Ta note ?"));
if (note >= 10) {
  console.log("Admis");
} else if (note >= 9) {
  console.log("Rachat");
} else {
  console.log("Refusé");
}

• المقارنات: ==، !=، <، >، <=، >=؛ و === يقارن زادا الـ type. نجمّعو بـ && (و)، || (ولا)، ! (لا).
• switch (x) { case 1: … break; default: … } يختار حسب قيمة.

الحلقات

for (let i = 1; i <= 3; i++) {
  console.log("Tour", i);
}
let n = 1;
while (n < 50) {
  n = n * 3;
}
console.log(n);

for تعاود عدد معروف من المرّات، while ما دام الشرط صحيح، و do { … } while (…); على الأقل مرّة.

نصيحة : الحلقة اللي ما توقفش، المعاينة توقّفها بعد 2,5 ثواني، مع ميساج في الـ console.

الدرس 25.3 : الـ fonctions والـ objets متاع اللغة

12 دقيقة

function carre(x) {
  return x * x;
}
console.log(carre(7));

الـ fonction تجمع instructions تحت اسم؛ تاخو paramètres وتنجم ترجّع نتيجة بـ return. المتغيّر المصرّح بيه وسط fonction محلّي: ما يكونش موجود برّا.

الـ objets متاع اللغة

• String: s.length، s.toUpperCase()، s.charAt(0)، s.indexOf("a")، s.substring(1, 4)، s.split(",").
• Array: t.length، t.push(x)، t.join(", ")، t.sort()، t.indexOf(x). الخانات مرقّمة من 0.
• Math: Math.round، Math.floor، Math.max، Math.sqrt، Math.random(). Number: x.toFixed(2) تكتب رقمين بعد الفاصل، و parseInt("12px") تعطي 12.
• Date: new Date(2026, 9, 9) هو 9 أكتوبر 2026 (الشهور تبدا من 0)؛ d.getFullYear()، d.getMonth()، d.getDate().

انتبه : t.sort() يرتّب كيما النصوص: [10, 9, 2].sort() تعطي [10, 2, 9]. للأعداد: t.sort(function (a, b) { return a - b; }).

تدرّب مجانًا

كل درس فيه 3 تمارين مجانية مع تلميحات باش تطبّق الفصل هذا مع هنّيبوت.

← الفصل اللي قبل : فرز Shell، الفرز بالعدّ، والدمج · الفصل اللي بعد : JavaScript والصفحة →

كل الفصول · شوف فروض 2 تكنولوجيا المصلّحة

الدروس كتبناها لـ Mission Carthage على أساس البرنامج الرسمي. الأستاذ متاعك يبقى المرجع.