مقدمة إلى JavaScript الحديثة

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

ما هي JavaScript الحديثة؟

تشير JavaScript الحديثة عمومًا إلى إصدارات JavaScript التي تلت ظهور ECMAScript 2015 (المعروف أيضًا باسم ES6)، وهو تحديث رئيسي أضاف إلى اللغة العديد من الميزات الجديدة. ومنذ ذلك الحين، تواصل JavaScript تطورها عبر تحديثات سنوية.

تشمل الخصائص الرئيسية لـ JavaScript الحديثة ما يلي:

• صياغة محسّنة (الدوال السهمية، template literals، destructuring)
• هياكل بيانات جديدة (Map، Set، WeakMap، WeakSet)
• إدارة محسّنة للعمليات غير المتزامنة (Promises، async/await)
• الوحدات (Modules) لتنظيم أفضل للشيفرة
• الأصناف (Classes) لبرمجة كائنية التوجه أكثر وضوحًا
• واجهات Web API حديثة تثري إمكانات اللغة

لماذا نتعلم JavaScript الحديثة؟

1. الحضور في كل مكان: JavaScript هي اللغة الوحيدة التي تعمل أصلًا داخل متصفحات الويب
2. Full-stack: بفضل Node.js، يمكن استخدام JavaScript على جانب الخادم
3. تطوير تطبيقات الجوال: تتيح أطر عمل مثل React Native إنشاء تطبيقات للجوال
4. تطبيقات سطح المكتب: يتيح Electron إنشاء تطبيقات لسطح المكتب
5. إنترنت الأشياء والروبوتات: يمكن استخدام JavaScript حتى لبرمجة الأجهزة المتصلة

نبذة تاريخية سريعة عن JavaScript

• 1995: أنشأها Brendan Eich في شركة Netscape في 10 أيام فقط
• 1997: توحيد المعايير مع ECMAScript (ES1)
• 2009: أتى ES5 بتحسينات مهمة (JSON، دوال المصفوفات)
• 2015: أحدث ES6/ES2015 ثورة في اللغة بفضل العديد من الميزات الجديدة
• 2016 حتى الآن: تحديثات سنوية (ES2016 وES2017 وغيرها)

منظومة JavaScript

منظومة JavaScript ضخمة وتشمل:

• أطر عمل الواجهة الأمامية: React، Vue، Angular، Svelte
• بيئات الخادم: Node.js، Deno
• أطر عمل الواجهة الخلفية: Express، NestJS، Fastify
• أدوات البناء: Webpack، Rollup، Vite، Parcel
• الاختبار: Jest، Mocha، Cypress
• مديرو الحزم: npm، yarn، pnpm

المتطلبات المسبقة لهذه الدورة

لمتابعة هذا الدرس، ستحتاج إلى:

• معرفة أساسية بـ HTML وCSS
• محرر شيفرة (يُنصح باستخدام VS Code)
• متصفح ويب حديث
• فضول للتعلم!

أول برنامج لك بـ JavaScript الحديثة

إليك مثالًا بسيطًا يوضح بعض الخصائص الحديثة في JavaScript:

// Fonction fléchée
const saluer = (nom) => {
  // Template literal
  return `Bonjour, ${nom}!`;
};

// Utilisation de const et let pour les variables
const personnes = ["Alice", "Bob", "Charlie"];

// Méthode d'array moderne et fonction fléchée
personnes.forEach(personne => {
  // Utilisation du template literal
  console.log(saluer(personne));
});

// Promesse
const attendreEtSaluer = (nom) => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(saluer(nom));
    }, 1000);
  });
};

// Fonction async/await
const saluerAvecDelai = async () => {
  const message = await attendreEtSaluer("JavaScript");
  console.log(message);
};

saluerAvecDelai();

هيكل الدورة

في هذه الدورة حول JavaScript الحديثة، سنتناول:

1. المقدمة (أنت هنا!)
2. المتغيرات والأنواع وهياكل البيانات
3. الدوال والدوال السهمية
4. الأصناف والكائنات
5. وحدات ES6
6. Promises وasync/await
7. معالجة الأخطاء
8. واجهات Web API الحديثة
9. NPM وإدارة الحزم
10. أدوات التجميع Bundlers (Webpack، Vite)
11. الاختبار في JavaScript
12. مشروع متكامل

الخاتمة

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

في الدرس التالي، سنستكشف المتغيرات الحديثة باستخدام let وconst.

هل أنت مستعد للبدء؟ انتقل إلى الدرس التالي حول المتغيرات.