|
|
🧠 الدرس الأول: ربط النصوص باستخدام + (String + String)
|
|
|
في هذا الدرس، سنتعلم كيف نُنشئ جملًا تحتوي على متغيرات باستخدام طريقة تُسمى الربط أو الدمج (Concatenation). هذه الطريقة تُستخدم كثيرًا في البرمجة لإنشاء نصوص ديناميكية تتغير حسب القيم.
|
|
✨ ما هو الربط (Concatenation)؟
|
|
|
الربط يعني لصق أو دمج جزئين من النص معًا باستخدام علامة الجمع +.
مثال بسيط:
|
|
|
|
|
|
في هذا المثال، "Welcome " تم ربطها مع قيمة المتغير name، والنتيجة كانت "Welcome Alex".
|
|
⚠️ تنبيه مهم: لا تكتب القيم مباشرة (Hardcoding)
|
|
|
من الأخطاء الشائعة أن تكتب:
|
|
|
|
|
|
هذا يسمى Hardcoding، لأنه إذا غيرت اسم المستخدم إلى "Sam"، فلن يتغير النص تلقائيًا.
الحل هو استخدام المتغيرات داخل النصوص.
|
|
🧪 أمثلة عملية
|
|
✅ مثال 1: دالة ترحيب بالمستخدم
|
|
|
|
|
|
الدالة تأخذ اسم المستخدم وتُرجع رسالة ترحيب مخصصة له.
|
|
✅ مثال 2: دالة تخبر بالعمر
|
|
|
|
|
|
في هذا المثال، ربطنا النص من الجهتين: قبل وبعد المتغير age.
|
|
📝 ملخص الدرس
|
|
- الربط (Concatenation) هو دمج نصوص معًا باستخدام +.
- يمكنك ربط نص مع متغير لإنتاج جملة ديناميكية.
- تجنب كتابة القيم مباشرة (Hardcoding)، واستخدم المتغيرات بدلًا منها.
- الربط يمكن أن يكون من جهة واحدة أو من الجهتين.
|
|
|
|
🧠 الدرس الثاني: الفرق بين الجمع (Addition) والربط (Concatenation) باستخدام +
|
|
|
في هذا الدرس سنتعرف على كيف يمكن لعلامة الجمع + أن تقوم بوظيفتين مختلفتين في JavaScript:
إما جمع الأرقام أو ربط النصوص، وذلك حسب نوع القيم التي نستخدمها معها.
|
|
✨ كيف تعمل علامة الجمع +؟
|
|
- إذا كانت القيمتين (المعروفتين بالـ operands) أرقامًا → يتم الجمع.
- إذا كانت إحدى القيمتين على الأقل نصًا (string) → يتم الربط (concatenation).
|
|
📌 أمثلة توضيحية
|
|
|
|
|
⚠️ أخطاء شائعة في الربط
|
|
❌ الخطأ 1: كتابة النص مباشرة (Hardcoding)
|
|
|
|
|
|
✅ الصحيح:
|
|
|
|
|
❌ الخطأ 2: نسيان إغلاق علامات التنصيص
|
|
|
|
|
|
✅ الصحيح:
|
|
|
|
|
❌ الخطأ 3: نسيان المسافة بين الكلمات
|
|
|
|
|
|
✅ الصحيح:
|
|
|
|
|
📝 ملخص الدرس
|
|
- علامة + تُستخدم للجمع أو الربط حسب نوع القيم.
- إذا كانت القيم أرقامًا → يتم الجمع.
- إذا كانت إحدى القيم نصًا → يتم الربط.
- انتبه للأخطاء الشائعة: كتابة النص مباشرة، نسيان إغلاق علامات التنصيص، أو نسيان المسافة بين الكلمات.
|
|
|
|
📝 ملخص الفصل: الفرق بين الجمع والربط باستخدام +
|
|
- الربط (Concatenation) هو عملية لصق أو دمج نصين معًا.
- يتم الربط باستخدام علامة الجمع + بين النصوص أو بين نص ومتغير.
- مثال: "Hello " + name ينتج "Hello Alex" إذا كانت قيمة name هي "Alex".
|
|
⚙️ كيف تعمل علامة +؟
|
|
- إذا كانت القيمتين (operands) أرقامًا → يتم الجمع.
- إذا كانت إحدى القيمتين نصًا → يتم الربط.
|
|
⚠️ أخطاء شائعة في الربط:
|
|
- الكتابة المباشرة (Hardcoding):
كتابة "Hello Sam" بدلًا من "Hello " + name.
- نسيان إغلاق علامات التنصيص:
مثل "Hello + name ← هذا يسبب خطأ في الكود.
- نسيان المسافة بين الكلمات:
"Hello" + name ← ينتج "HelloAlex" بدون مسافة.
الصحيح: "Hello " + name
|
|
|
|
💡 التحدي الأول: رسالة ترحيب
|
|
|
المطلوب:
اكتب دالة اسمها welcomeUser تأخذ اسم المستخدم كوسيط.
الدالة يجب أن تُرجع النص: "Welcome " متبوعًا باسم المستخدم.
استخدم الربط باستخدام +، وتأكد من وجود مسافة بعد كلمة "Welcome".
|
|
💡 التحدي الثاني: مجموع الدرجات
|
|
|
المطلوب:
اكتب دالة اسمها getTotalScore تأخذ درجتين كوسيطين (مثل score1 و score2).
الدالة يجب أن تُرجع مجموع الدرجتين باستخدام الجمع.
|
|
💡 التحدي الثالث: وصف النتيجة
|
|
|
المطلوب:
اكتب دالة اسمها describeScore تأخذ اسم الطالب ودرجته.
الدالة يجب أن تُرجع نصًا مثل: "Ali got 85 points"
استخدم الربط بين النصوص والأرقام، وتأكد من ترتيب الكلمات والمسافات بشكل صحيح.
|
|
التعليقات