JavaScript من الصفر في 2025: دليل للمبتدئين

مدرب بايثون أونلاين للمبتدئين

تعلم Python بسهولة دون إرهاق نظري. حل مهام عملية مع التحقق التلقائي واكتب الكود مباشرة في المتصفح.

ابدأ الدورة

مقدمة: لماذا JavaScript في 2025 هي أفضل بداية لك



JavaScript ليست مجرد لغة لتحريك الأزرار على موقع الويب. في عام 2025، تحولت إلى منصة عالمية تعمل في كل مكان: من المتصفح إلى الخادم، من تطبيقات الهاتف المحمول إلى إنترنت الأشياء. إذا قررت البدء في البرمجة، فإن JavaScript هي الطريقة الأكثر منطقية وسرعة لدخول عالم IT.



لماذا الآن تحديداً؟ النظام البيئي ناضج: Node.js 22+ مستقر وفعال، أدوات مثل npm و ESLint أصبحت معياراً، والمجتمع يصدر آلاف الحزم كل يوم. الأهم أنك لا تحتاج إلى إعدادات معقدة. افتح الطرفية (Terminal)، اكتب الكود وسترى النتيجة. في هذه المقالة، سأوضح لك من أين تبدأ، لتتمكن من كتابة أول برنامج لك خلال 30 دقيقة فقط.



الخطوة 1: إعداد البيئة — Node.js ومحرر الأكواد



في عام 2025، أصبحت كتابة JavaScript فقط في المتصفح شيئاً من الماضي. للتعلم الجاد والعمل، ستحتاج إلى Node.js — وهي بيئة تشغيل تسمح بتشغيل JS على جهاز الكمبيوتر.



كيفية تثبيت Node.js

ادخل إلى الموقع الرسمي nodejs.org وقم بتنزيل الإصدار LTS (موصى به للمبتدئين). سيقوم المثبت بكل شيء بنفسه — كل ما عليك فعله هو الضغط على "التالي". بعد التثبيت، تحقق من أن كل شيء يعمل:



node --version  # يجب أن يظهر v22.x.x أو أعلىnpm --version   # مدير الحزم، يأتي مرفقاً


إذا رأيت أرقام الإصدارات — فأنت جاهز. الآن اختر محرر الأكواد. Visual Studio Code (VS Code) هو المعيار الصناعي. قم بتثبيته، ثم أضف الإضافات: ESLint، Prettier و JavaScript (ES6) code snippets. ستجعل الكود نظيفاً وتساعدك على تجنب الأخطاء.



البرنامج الأول "Hello, World"

أنشئ مجلداً للمشاريع، وفيه ملف index.js واكتب:



// index.jsconst greeting = "مرحباً، عالم JavaScript 2025!";console.log(greeting);


قم بتشغيله في الطرفية (Terminal):

node index.js


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



الخطوة 2: أساسيات بناء الجملة — المتغيرات، أنواع البيانات والدوال



الآن بعد أن أصبحت البيئة جاهزة، دعنا نستعرض الهياكل الأساسية للغة. في عام 2025، أضاف معيار ES2025 (ECMAScript) بعض الميزات المريحة، لكن الأساس يبقى كما هو.



المتغيرات: let, const و var

انسَ var — إنه قديم. استخدم const للقيم التي لا تتغير، و let للقيم المتغيرة:



const userName = "أليكسي"; // لا يمكن إعادة التعيينlet age = 25;               // يمكن تغييرهage = 26;                   // يعمل

// لا يُنصح باستخدام varvar oldWay = "قديم"; // بناء جملة قديم


أنواع البيانات: من النصوص إلى الرموز

JavaScript هي لغة ذات كتابة ديناميكية. هذا يعني أن نوع المتغير يُحدد تلقائياً. الأنواع الأساسية:

  • String — النصوص: "مرحباً", 'عالم', \\`نص قالب\\` (علامات اقتباس خلفية)
  • Number — الأرقام: 42, 3.14, NaN
  • Boolean — القيم المنطقية: true, false
  • Null و Undefined — عدم وجود قيمة
  • Object — الكائنات والمصفوفات


مثال على العمل مع أنواع مختلفة:

const name = "ماريا";const year = 2025;const isStudent = true;

// نصوص القالب (مريحة جداً!)const message = `مرحباً، ${name}! نحن في عام ${year}. هل أنت طالب؟ ${isStudent}`;console.log(message);


الدوال: التقليدية والسهمية

الدوال هي كتل من الأكواد

المدونات

توصيات الكتب