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

**مقدمة إلى JavaScript وأهمية الأمثلة في المنهاج**

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

**1. مقدمة إلى المتغيرات (Variables):**

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

let name = "Ahmed";
const birthYear = 1995;
var isStudent = true;

// مثال على تعديل قيمة المتغير
name = "Ali";

في هذا المثال، قمنا بتعريف متغيرات لتخزين اسم، سنة ميلاد، وحالة طالب. يجدر بالذكر أن `let` و`const` هما الأكثر استخدامًا في الوقت الحالي بسبب ميزاتهما في التحكم بنطاق المتغيرات.

**2. التعامل مع الدوال (Functions):**

الدوال هي كتل برمجية تُستخدم لتنفيذ مهمة معينة. يمكن تعريفها بطرق مختلفة في JavaScript.

// دالة تقليدية
function greet(name) {
    return "Hello, " + name + "!";
}

// دالة سهمية
const greetArrow = (name) => "Hello, " + name + "!";

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

هنا، نستعرض دالتين تقومان بنفس المهمة باستخدام أسلوبين مختلفين. الدوال السهمية تعتبر أكثر اختصارًا وتستخدم على نطاق واسع في البرمجة الحديثة.

**3. الحلقات التكرارية (Loops):**

الحلقات تُستخدم لتنفيذ [شركة برمجة مصرية] جزء من الكود عدة مرات. في JavaScript، لدينا عدة أنواع مثل `for`, `while`, و`do…while`.

// حلقة for
for (let i = 0; i < 5; i++) {
    console.log("Iteration number " + i);
}

// حلقة while
let j = 0;
while (j < 5) {
    console.log("Iteration number " + j);
    j++;
}

هذه الحلقات تُظهر كيفية تكرار تنفيذ الكود باستخدام نوعين مختلفين، مما يساعد في معالجة البيانات بكفاءة.

**4. التعامل مع المصفوفات (Arrays):**

المصفوفات هي بنى بيانات تُستخدم لتخزين عدة قيم في متغير واحد.

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

// إضافة عنصر جديد
fruits.push("Orange");

// الوصول إلى عنصر
console.log(fruits[0]); // Apple

// حذف آخر عنصر
fruits.pop();

console.log(fruits); // ["Apple", "Banana", "Cherry"]

المصفوفات تُسهل عملية تخزين وإدارة مجموعات البيانات. العمليات عليها مثل الإضافة والحذف تجعلها أدوات قوية في تطوير البرمجيات.

**5. البرمجة الكائنية (Object-Oriented Programming):**

البرمجة الكائنية تُعد من أهم المفاهيم في JavaScript، حيث تُستخدم لإنشاء كائنات تحتوي على خصائص ودوال.

class Car {
    constructor(brand, model) {
        this.brand = brand;
        this.model = model;
    }

    displayInfo() {
        return this.brand + " " + this.model;
    }
}

let myCar = new Car("Toyota", "Corolla");
console.log(myCar.displayInfo());

هنا، [شركة برمجة مصرية] قمنا بإنشاء فئة `Car` مع خصائص ودالة لعرض معلومات السيارة. البرمجة الكائنية تُسهّل من تنظيم الكود وتجعل تطوير التطبيقات الكبيرة أكثر انسيابية.

**ختامًا**

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