0Pricing
JavaScript Academy · درس

التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat

أنشئوا التواريخ، واقرؤوا أجزاءها، ونسّقوها وفق اللغات المحلية، واعرضوا مناطق زمنية أخرى باستخدام Intl.DateTimeFormat

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

مقدمة إلى التواريخ

الهدف: أنشئوا التواريخ ونسّقوها بأمان.

  • new Date()
  • قراءة الأجزاء
  • التنسيق حسب اللغة المحلية
  • المناطق الزمنية الأخرى
التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat — رسم توضيحي 1

إنشاء قيم Date

أنشئوا القيم باستخدام new Date() أو طابع زمني أو أجزاء بسيطة من السنة/الشهر/اليوم، مع العلم أن فهرس الشهر يبدأ من 0.

// Create Date instances
// Now (current time)
const now = new Date();

// From timestamp (milliseconds since Jan 1, 1970 UTC)
const fromMs = new Date(0);

// From parts: year, monthIndex (0=Jan), day
const xmas = new Date(2025, 11, 25);

console.log("Now:", now.toString());
console.log("Epoch:", fromMs.toUTCString());
console.log("Xmas:", xmas.toDateString());
التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat — رسم توضيحي 2

دوال getter للأجزاء

استخدموا دوال getter مثل getFullYear وgetMonth وgetDate وgetHours.

// Read parts with getters
const d = new Date(2025, 0, 2, 15, 30);

console.log("Year:", d.getFullYear());
console.log("Month (0=Jan):", d.getMonth());
console.log("Day of month:", d.getDate());
console.log("Hours:", d.getHours());
console.log("Minutes:", d.getMinutes());
التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat — رسم توضيحي 3

ISO وepoch

يعطي toISOString سلسلة نصية ثابتة بتوقيت UTC. ويعيد getTime عدد المللي ثانية منذ epoch.

// ISO string and timestamps
const sample = new Date();

console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat — رسم توضيحي 4

التنسيق حسب اللغة المحلية

استخدموا Intl.DateTimeFormat للحصول على مخرجات واضحة تراعي اللغة المحلية، مع خيارات لتحديد الأجزاء.

// Format for a locale
const date = new Date(2025, 6, 4, 9, 5);

// Simple: toLocaleString uses your environment defaults
console.log("Local:", date.toLocaleString());

// Intl.DateTimeFormat with explicit locale and options
const fmt = new Intl.DateTimeFormat("en-GB", {
  year: "numeric",
  month: "short",
  day: "2-digit",
  hour: "2-digit",
  minute: "2-digit"
});

console.log("Formatted:", fmt.format(date));
التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat — رسم توضيحي 5

تنسيق المناطق الزمنية الأخرى

اختاروا timeZone لعرض اللحظة نفسها في مناطق مختلفة، من دون الحاجة إلى حسابات يدوية.

// Format for a different time zone
const meeting = new Date(Date.UTC(2025, 3, 10, 12, 0));

const ny = new Intl.DateTimeFormat("en-US", {
  timeZone: "America/New_York",
  dateStyle: "medium",
  timeStyle: "short"
});

const tokyo = new Intl.DateTimeFormat("en-US", {
  timeZone: "Asia/Tokyo",
  dateStyle: "medium",
  timeStyle: "short"
});

console.log("NY:", ny.format(meeting));
console.log("Tokyo:", tokyo.format(meeting));
التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat — رسم توضيحي 6

اختبار Intl.DateTimeFormat

تحقق سريع: التنسيق حسب اللغة المحلية والمنطقة الزمنية.

التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat — رسم توضيحي 7

مراجعة

مراجعة: أنشأتم التواريخ، وقرأتم أجزاءها، وطبعتُمها بتنسيق ISO، ونسّقتموها حسب اللغات المحلية، وعرضتم المناطق الزمنية الأخرى باستخدام Intl.DateTimeFormat.

التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat — رسم توضيحي 8

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

هل درس «التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat» مجاني؟

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

ماذا ستتعلم في «التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat»؟

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

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

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

كم من الوقت يستغرق درس «التواريخ — الأساسيات والمناطق الزمنية وIntl.DateTimeFormat»؟

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

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

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

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

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