عالم برمجةوتقنية الحاسوب C. P. W

بالتأكيد! سوف أقدم لك مقدمة بسيطة لبرمجة JavaScript للمبتدئين.

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

### كيف تبدأ؟
#### 1. إدراج JavaScript في صفحة HTML:
يمكنك تضمين JavaScript مباشرة داخل أسطر HTML باستخدام وسم <script>.

### مثال بسيط:

html
<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <title>مثال على جافا سكربت</title>
</head>
<body>

<h1>مرحباً بك في تعلم JavaScript</h1>
<p id="demo">انقر الزر لتغيير هذا النص.</p>

<button onclick="myFunction()">اضغط هنا</button>

<script>
    function myFunction() {
        document.getElementById("demo").innerHTML = "تم تغيير النص!";
    }
</script>

</body>
</html>

### الشرح:

1. HTML الأساسي:
- تحتوي الصفحة على عنوان <h1>.
- و فقرة <p> بعلامة id="demo" تستخدم لتحديد هذا العنصر حتى نستطيع الوصول إليه بواسطة JavaScript.
- زر <button> يحتوي على خاصية onclick لاستدعاء الدالة JavaScript myFunction() عند النقر عليه.

2. JavaScript:
- يستخدم الوسم <script> لكتابة أكواد JavaScript مباشرة داخل صفحة HTML.
- تعريف الدالة myFunction التي تغير محتوى الفقرة ذات id="demo" إلى "تم تغيير النص!".

### أساسيات JavaScript:

#### 2. المتغيرات (Variables):
المتغيرات تستخدم لتخزين البيانات. يمكنك تعريف متغير باستخدام var، let، أو const.

javascript
var x = 5;
let y = 10;
const z = 15;

#### الأنواع المختلفة للمتغيرات:
- var كانت الطريقة الأساسية لتحديد المتغيرات، لكنها تحتوي على بعض القضايا التي تجعل المطورين يفضلون let و const في المتصفحات الحديثة.
- let تستخدم لتعريف متغيرات يمكن تغييرها.
- const تعرّف متغيرات ثابتة غير قابلة للتغيير.

#### 3. العمليات (Operators):
تشبه العمليات الرياضية في JavaScript العمليات التي نعرفها جميعاً:

javascript
let a = 5;
let b = 10;
let sum = a + b;     // الجمع
let diff = a - b;    // الطرح
let prod = a * b;    // الضرب
let quot = a / b;    // القسمة

#### 4. الدوال (Functions):
\الدوال هي كتل مستقلة من الأكواد تقوم بوظائف محددة. يمكن تعريف الدالة باستخدام الكلمة المفتاحية function.

javascript
function greet(name) {
    return "مرحباً، " + name + "!";
}

let message = greet("علي");
console.log(message);  // "مرحباً، علي!"

#### 5. الكائنات (Objects):
الكائنات تعتبر وحدة أساسية في JavaScript تضم بيانات وخصائص ووظائف.

javascript
let person = {
    firstName: "علي",
    lastName: "محمد",
    age: 25,
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
};

console.log(person.fullName());  // "علي محمد"

#### 6. المصفوفات (Arrays):
المصفوفات هي كائنات تستخدم لتخزين قوائم من العناصر.

javascript
let fruits = ["تفاح", "موز", "عنب"];
console.log(fruits[0]);  // "تفاح"
console.log(fruits.length);  // 3

### التعرف على:

- الحلقات (for, while) للتكرار.
- عبارات التحكم (if, else) لاتخاذ قرارات بناءً على الشروط.
- الأحداث (onclick, onchange) للتفاعل مع المستخدم.

باستخدام هذه الأساسيات، يمكنك البدء في كتابة أكواد JavaScript وبناء تفاعلات بسيطة على صفحات الويب. إذا كان لديك أي أسئلة أخرى أو تريد معرفة المزيد عن مواضيع معينة في JavaScript، فلا تتردد في السؤال!

👍2

107 views20:31