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

# خطة دراسة JavaScript: أمثلة توضيحية

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

## 1. المتغيرات (Variables)

المتغيرات هي أساس أي لغة برمجة، وتستخدم لتخزين البيانات.

### [شركة برمجة مصرية] مثال:

let name = "Ahmed";
const age = 25;
var city = "Cairo";

في هذا المثال، قمنا بتعريف ثلاث متغيرات: `name` و `age` و `city`. يستخدم `let` و `const` لتعريف المتغيرات في JavaScript الحديثة، بينما `var` هو الطريقة القديمة.

## 2. الشروط (Conditionals)

الشروط تتيح لك تنفيذ كود معين بناءً على حالة معينة.

### مثال:

let temperature = 30;

if (temperature > 25) {
    console.log("It's a hot day!");
} else {
    console.log("It's a cool day!");
}

هنا، إذا كانت درجة الحرارة أكبر من 25، سيتم طباعة “It’s a hot day!”، وإلا سيتم طباعة “It’s a cool day!”.

## 3. الحلقات (Loops)

الحلقات تسهل تكرار جزء من الكود عدة مرات.

### مثال:

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

في هذا المثال، سيقوم الكود بطباعة جملة “Iteration number” متبوعة برقم التكرار من 0 إلى 4.

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

الدوال هي وحدات صغيرة من الكود تؤدي مهمة معينة، ويمكنك استدعاؤها وقت الحاجة.

### مثال:

function greet(name) {
    return "Hello, " + name + "!";
}

console.log(greet("Ali"));

الدالة `greet` تأخذ اسمًا كمعامل وتعيد جملة ترحيبية. عند استدعاء الدالة باستخدام `greet(“Ali”)`، ستعيد “Hello, Ali!”.

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

الكائنات هي طريقة لتخزين بيانات معقدة في JavaScript.

### مثال:

let car = {
    brand: "Toyota",
    model: "Corolla",
    year: 2020
};

console.log(car.brand); // Output: Toyota

في المثال السابق، `car` هو كائن يحتوي على خصائص متعددة مثل `brand` و `model` و `year`.

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

المصفوفات تستخدم لتخزين قائمة من العناصر.

### مثال:

let fruits = ["Apple", "Banana", "Mango"];

fruits.forEach(function(fruit) {
    console.log(fruit);
});

في هذا المثال، نستخدم المصفوفة `fruits` لتخزين قائمة من الفواكه، ونستخدم `forEach` لطباعة كل عنصر في المصفوفة.

## 7. التعامل مع DOM

التفاعل مع DOM جزء مهم من JavaScript في تطوير الويب.

### مثال:

document.getElementById("myButton").addEventListener("click", function() {
    alert("Button was clicked!");
});

هنا، نضيف مستمع حدث إلى زر في المستند. عند النقر على الزر، سيتم عرض تنبيه.

## الخاتمة

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