١.١٣ ملخص

وصلت إلى نهاية القسم الأول، تهانينا! هذه الأساسيات مهمة؛ فكلما أتقنتها أصبح تعلّم المفاهيم الجديدة والبناء عليها أسهل. راجع هنا ما تعلّمناه، ثم واصل التدريب.

ما JavaScript؟

• JavaScript لغة برمجة نصية يمكنك بها كتابة برامج وتشغيلها في المتصفح.

• يمكنك إنشاء ملف JavaScript بإنشاء ملف نصي يحمل الامتداد js ، مثل script.js.

• لتشغيل ملف JavaScript في صفحة ويب، اربطه بملف HTML كما يلي:

<!DOCTYPE html>
  <html lang="en" dir="ltr">
    <head>
      <meta charset="utf-8">
      <title>Your first JavaScript file<title>
    </head>
    <body>
      <script src="script.js"></script>
    </body>
  </html>

• يمكنك تجربة JavaScript في وحدة التحكم، لكن تحديث الصفحة يعيد تهيئة بيئة التنفيذ ولا يحفظ الشيفرة في ملفات الموقع.

العرض على الشاشة

يمكن عرض الرسائل بطرائق مختلفة في JavaScript، منها:

1. نوافذ التنبيه:alert('message');
2. الطباعة في وحدة التحكم: console.log('message');

التعليقات

• استخدم //Your comment here للتعليقات من سطر واحد.

• استخدم /* Your comment here */ للتعليقات متعددة الأسطر.

العمليات الحسابية

يمكن تنفيذ العمليات الحسابية بسهولة في JavaScript.

1. الجمع: 1 + 1، وهي تساوي 2
2. الطرح: 5-2، وهي تساوي 3
3. الضرب: 8*9، وهي تساوي 72
4. القسمة: 50/20، وهي تساوي 2.5

عوامل المقارنة

• <: أصغر من
• <=: أصغر من أو يساوي
• >: أكبر من
• >=: أكبر من أو يساوي
• ==: يساوي (مع السماح بتحويل النوع)
• ===: يطابق القيمة والنوع
• !=: لا يساوي (مع السماح بتحويل النوع)
• !==: لا يطابق القيمة أو النوع

العوامل المنطقية

• &&: و
• ||: أو
• !: ليس

المتغيرات

• المتغير وسيلة لتخزين البيانات، وله اسم وقيمة.

• نصرّح عن متغير باستخدام الكلمة المفتاحية var .

• القيمة الأولية لأي متغير نصرّح عنه باستخدام var هي undefined.

• var age = 100; هنا عرّفنا متغيرًا باسم ageوأسندنا إليه القيمة 100.

السلاسل النصية

• السلسلة النصية تسلسل من المحارف، مثل "Hello".

• تُحاط السلسلة النصية بعلامتي اقتباس مفردتين أو مزدوجتين.

• يمكنك معرفة طول السلسلة النصية باستخدام string.length.

• يمكنك تحويل السلسلة إلى أحرف كبيرة باستخدام string.toUpperCase().

• يمكنك تحويل السلسلة إلى أحرف صغيرة باستخدام string.toLowerCase().

• يمكنك معرفة موضع محرف في سلسلة باستخدام string.indexOf('the-character').

• يمكنك وصل سلسلتين نصيتين باستخدام string1.concat(string2); أو string1 + string2

القيم المنطقية

• نوع بيانات في JavaScript، وقيمته إما true أو false.

• null, undefinedوالصفر تُعامل كقيم كاذبة في JavaScript.

المقارنة بين undefined وnull

• undefined: لم تُسنَد قيمة إلى المتغير بعد.

• null: أُسنِدت إلى المتغير القيمة null للتعبير عن غياب القيمة. null تدلّ على غياب القيمة.

typeof

• typeof تُرجع نوع البيانات الموجودة في المتغير.

• من أنواع البيانات الأساسية في JavaScript: number, string, boolean, undefined، و null.

• مثال:typeof "hello";. إنها سلسلة نصية.

الجمل الشرطية

• يمكنك كتابة عبارة بسيطة من نوع if كما يلي:

if(condition){
  // Tasks to be executed
}

• يمكنك كتابة عبارات if/else كما يلي:

if(condition){
  // Tasks to be executed
  // if the condition is true
}else{
  // Tasks to be executed
  // if the condition is false
}

• يمكنك كتابة عبارات if/else if/else كما يلي:

if(condition1){
  // Tasks to be executed
  // if the condition1 is true
}else if(condition2){
  // Tasks to be executed
  // if the condition2 is true
}else if(condition3){
  // Tasks to be executed
  // if the condition3 is true
}else{
  // Tasks to be executed
  // if all conditions are false
}

• يمكنك كتابة عبارة بسيطة من نوع if بصورة مختصرة باستخدام العامل الثلاثي:

var mark = 70;
var pass =  mark > 60 ? true : false;
// condition ? value_if_true : value_if_false.

الحلقات التكرارية

• نستخدم الحلقات لتنفيذ مهام متكررة.

حلقة for

• صياغة حلقة for في JavaScript هي:

for(var initial; condition; initialUpdate){
  // Tasks to perform.
}

حلقة while

• صياغة حلقة while في JavaScript هي:

while(condition){
  // Tasks to perform.
}

break

• يمكنك الخروج من الحلقة الحالية باستخدام break.

continue

• يمكنك تجاوز الدورة الحالية باستخدام continue

متى نستخدم حلقة while؟

استخدم حلقة while عندما لا تعرف عدد الدورات المطلوبة مسبقًا.

---

رائع! لننتقل إلى القسم التالي. هل أنت مستعد؟