0Pricing
JavaScript Academy · درس

القوالب النصية وعمليات السلاسل النصية الشائعة

استخدموا القوالب النصية وطرق السلاسل النصية الأساسية؛ وتعرّفوا سريعًا إلى الأرقام وأساسيات Date

القوالب النصية وعمليات السلاسل النصية الشائعة درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 3 دروس في المجموع.

مقدمة

الهدف: نسّقوا النص باستخدام القوالب النصية واستخدموا أساليب السلاسل النصية البسيطة. ثم تعرّفوا سريعًا إلى الأعداد والتواريخ.

  • القوالب النصية
  • عمليات السلاسل النصية الشائعة
  • التقريب الآمن
  • أساسيات التواريخ
القوالب النصية وعمليات السلاسل النصية الشائعة — رسم توضيحي 1

أساسيات القوالب النصية

استخدموا العلامات الخلفية و${} لإدراج القيم مباشرةً. كما يصبح النص متعدد الأسطر سهلًا.

// Template literals use backticks and ${}
// They support variables, expressions, and multi-line text
const name = "Ayla";
const score = 7;
const msg = `Hello, ${name}! Your score is ${score * 10}.`;

console.log(msg);

const lines = `Line 1
Line 2`;
console.log(lines);
القوالب النصية وعمليات السلاسل النصية الشائعة — رسم توضيحي 2

جولة في أساليب السلاسل النصية

تدرّبوا على length وtrim وtoUpperCase وincludes وindexOf وslice.

// Common string methods on a small example
const title = "  JavaScript Basics  ";

console.log("Length:", title.length);
console.log("Trim:", title.trim());
console.log("Upper:", title.toUpperCase());
console.log("Includes JS:", title.includes("JavaScript"));
console.log("Index of B:", title.indexOf("B"));
console.log("Slice 2..6:", title.slice(2, 6));
القوالب النصية وعمليات السلاسل النصية الشائعة — رسم توضيحي 3

تنسيق موجز

تكون القوالب أقصر وأسهل قراءةً من سلاسل طويلة من عمليات +.

// Concatenation with + versus template literals
const user = "Mina";
const points = 12;

const viaPlus = "User: " + user + ", Points: " + points;
const viaTpl = `User: ${user}, Points: ${points}`;

console.log(viaPlus);
console.log(viaTpl);
القوالب النصية وعمليات السلاسل النصية الشائعة — رسم توضيحي 4

أساسيات التقريب

استخدموا Math.round وfloor وceil للحصول على أعداد صحيحة. يعيد toFixed سلسلة نصية بعدد ثابت من المنازل العشرية.

// Numbers: integers, floats, and rounding helpers
const price = 4.35;
const qty = 3;

const total = price * qty;
console.log("Total raw:", total);

console.log("Math.round:", Math.round(total));
console.log("Math.floor:", Math.floor(total));
console.log("Math.ceil:", Math.ceil(total));

// toFixed returns a string with fixed decimals
console.log("toFixed(2):", total.toFixed(2));
القوالب النصية وعمليات السلاسل النصية الشائعة — رسم توضيحي 5

جولة سريعة في Date

أنشئوا كائن Date باستخدام new Date(). واقرؤوا الأجزاء باستخدام دوال getter واطبعوا ISO بتنسيق قياسي.

// Date basics: now, parts, and ISO output
const now = new Date();

console.log("Now:", now.toString());
console.log("Year:", now.getFullYear());
console.log("ISO:", now.toISOString());
القوالب النصية وعمليات السلاسل النصية الشائعة — رسم توضيحي 6

اختبار القوالب النصية

تحقق سريع: العلامات الخلفية و${}.

القوالب النصية وعمليات السلاسل النصية الشائعة — رسم توضيحي 7

مراجعة

مراجعة: استخدمتم القوالب النصية، وتدرّبتم على أساليب السلاسل النصية الأساسية، وقرّبتم الأعداد بأمان، وأنشأتم التواريخ وطبعتُمها.

القوالب النصية وعمليات السلاسل النصية الشائعة — رسم توضيحي 8

الأسئلة الشائعة

هل درس «القوالب النصية وعمليات السلاسل النصية الشائعة» مجاني؟

نعم — نص درس «القوالب النصية وعمليات السلاسل النصية الشائعة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 3 دروس في المجموع.

ماذا ستتعلم في «القوالب النصية وعمليات السلاسل النصية الشائعة»؟

استخدموا القوالب النصية وطرق السلاسل النصية الأساسية؛ وتعرّفوا سريعًا إلى الأرقام وأساسيات Date تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.

كم من الوقت يستغرق درس «القوالب النصية وعمليات السلاسل النصية الشائعة»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. القوالب النصية وعمليات السلاسل النصية الشائعة
  2. الأرقام — الأعداد الصحيحة مقابل العشرية وأساسيات Math
  3. التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat
← العودة إلى JavaScript Academy