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

## مقدمة إلى JavaScript وأهميتها

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

## الأمثلة العملية

### المثال الأول: إنشاء برنامج “Hello, World!”

يعتبر برنامج “Hello, World!” نقطة البداية التقليدية لتعلم أي لغة برمجة. هو مثال بسيط يوضح كيفية طباعة نص إلى الشاشة.

console.log("Hello, World!");

هذا الكود يستخدم `console.log` لطباعة النص إلى وحدة التحكم في المتصفح.

### المثال الثاني: العمليات الحسابية الأساسية

تعتبر العمليات الحسابية من أساسيات البرمجة. سنقوم بكتابة برنامج يجري عمليات جمع وطرح وضرب وقسمة.

let a = 10;
let b = 5;

console.log("جمع:", a + b);
console.log("طرح:", a - b);
console.log("ضرب:", a * b);
console.log("قسمة:", a / b);

### المثال الثالث: التحكم في التدفق باستخدام الشروط

الشروط تتيح لك تنفيذ [شركة برمجة مصرية] كود معين بناءً على تحقق شرط ما. لنكتب مثالًا يستخدم العبارات الشرطية `if` و`else`.

let age = 18;

if (age >= 18) {
    console.log("أنت بالغ.");
} else {
    console.log("أنت قاصر.");
}

### المثال الرابع: التكرار باستخدام الحلقات

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

for (let i = 0; i < 5; i++) {
    console.log("هذا هو التكرار رقم:", i);
}

### المثال الخامس: تعريف الدوال واستخدامها

الدوال هي كتل من الكود يمكن إعادة استخدامها. هنا مثال على تعريف دالة واستدعائها.

function greet(name) {
    console.log("مرحبًا، " + name + "!");
}

greet("أحمد");
greet("سارة");

### المثال السادس: التعامل مع المصفوفات

المصفوفات تستخدم لتخزين مجموعات من البيانات. سنوضح كيفية إنشاء مصفوفة والوصول إلى عناصرها.

let fruits = ["تفاح", "موز", "برتقال"];

console.log("الفاكهة الأولى:", fruits[0]);

// إضافة عنصر جديد
fruits.push("كيوي");
console.log("المصفوفة بعد الإضافة:", fruits);

### المثال السابع: الكائنات في JavaScript

الكائنات هي بنية بيانات تسمح لك بتخزين خصائص وقيم. سنوضح كيفية إنشاء كائن والوصول إلى خصائصه.

let person = {
    name: "علي",
    age: 30,
    greet: function() {
        console.log("مرحبا، اسمي " + this.name);
    }
};

console.log("الاسم:", person.name);
person.greet();

## الخاتمة

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