157- دروس جافا سكربت – تدريب على امثله – JS Examples For Exercises

## أمثلة JavaScript للتدريبات

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

### 1. فهم المتغيرات والثوابت

المتغيرات والثوابت هي الأساسيات في أي لغة برمجة. في JavaScript، يمكنك استخدام `let` و`const` لتعريف المتغيرات والثوابت.

#### مثال:

let age = 25;
const birthYear = 1998;

age = 26; // تعديل المتغير مسموح
// birthYear = 1999; // هذا سيؤدي إلى خطأ لأن الثوابت لا يمكن تعديلها

### 2. العمليات الحسابية الأساسية

JavaScript تتيح لك إجراء عمليات حسابية بسيطة مثل الجمع والطرح والضرب والقسمة.

#### مثال:

let num1 = 10;
let num2 = 5;

let sum = num1 + num2; // 15
let difference = num1 - num2; // 5
let product = num1 * num2; // 50
let quotient = num1 / num2; // 2

### 3. استخدام الجمل الشرطية

الجمل الشرطية تستخدم لاتخاذ القرارات بناءً على شروط معينة.

#### مثال:

let score = 85;
let result;

if (score >= 90) {
  result = 'A';
} else if (score >= 80) {
  result = 'B';
} else if (score >= 70) {
  result = 'C';
} else {
  result = 'F';
}

console.log(`Your grade is ${result}`);

### 4. الحلقات التكرارية

الحلقات التكرارية تستخدم لتنفيذ مجموعة من التعليمات بشكل متكرر.

#### مثال على حلقة `for`:

for (let i = 0; i < 5; i++) {
  console.log(`Iteration number: ${i}`);
}

#### مثال على حلقة `while`:

let i = 0;
while (i < 5) {
  console.log(`Iteration number: ${i}`);
  i++;
}

### 5. الدوال (Functions)

الدوال هي وحدات لإعادة استخدام الكود.

#### مثال:

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet('Alice')); // Hello, Alice!
console.log(greet('Bob'));   // Hello, Bob!

### 6. المصفوفات (Arrays)

المصفوفات هي هياكل بيانات تُستخدم لتخزين مجموعات من العناصر.

#### مثال:

let fruits = ['Apple', 'Banana', 'Cherry'];

fruits.push('Orange'); // إضافة عنصر
console.log(fruits); // ['Apple', 'Banana', 'Cherry', 'Orange']

fruits.pop(); // إزالة آخر عنصر
console.log(fruits); // ['Apple', 'Banana', 'Cherry']

### 7. الكائنات (Objects)

الكائنات [شركة برمجة مصرية] تُستخدم لتخزين البيانات في شكل مفتاح/قيمة.

#### مثال:

let person = {
  firstName: 'John',
  lastName: 'Doe',
  age: 30
};

console.log(person.firstName); // John
console.log(person['lastName']); // Doe

### 8. البرمجة الكائنية (OOP)

JavaScript تدعم البرمجة الكائنية، حيث [شركة برمجة مصرية] يمكنك إنشاء كائنات باستخدام الكلاسات.

#### مثال:

class Car {
  constructor(brand, model) {
    this.brand = brand;
    this.model = model;
  }
  
  displayInfo() {
    return `Car: ${this.brand} ${this.model}`;
  }
}

let myCar = new Car('Toyota', 'Corolla');
console.log(myCar.displayInfo()); // Car: Toyota Corolla

### الخاتمة

تعد JavaScript لغة قوية ومرنة، وتعلمها يمكن أن يكون ممتعًا للغاية. من خلال الأمثلة والتمارين المذكورة أعلاه، يمكنك تحسين مهاراتك وفهم كيفية استخدام JavaScript في إنشاء تطبيقات ويب تفاعلية. استمر في الممارسة وتطبيق ما تعلمته في المشاريع الحقيقية لتعزيز معرفتك.