← المستوى 3 – الخبير

الدرس 2 من 10 ⏱ 30 دقيقة بريميوم

الطرفية وNode.js

ستفتح النافذة السوداء من أفلام القراصنة وتكتشف أنها صديقة. وتثبّت Node.js.

ما هي الطرفية

الطرفية (terminal) نافذة تكتب فيها أوامر للكمبيوتر كنص بدل النقر بالفأرة. تبدو مخيفة، لكنها مجرد طريقة أخرى للتحكم – وللمبرمجين هي الطريقة الرئيسية. لا تقلق: ستحتاج حوالي خمسة أوامر.

⚠️

نفّذ التثبيت مع أحد الوالدين – كما مع المحرر في المستوى التحضيري. وشغّل في الطرفية فقط أوامر تفهمها (أو تأتي من هنا). أوامر عشوائية من الإنترنت قد تُفسد جهازك.

كيف تفتح الطرفية

جرّبها

اكتب أمراً واضغط Enter:

echo Hi terminal

الطرفية ترد «Hi terminal.» هكذا بالضبط تعمل: تكتب أمراً → Enter → الكمبيوتر يجيب. أمران مفيدان آخران:

pwd     # where am I right now? (prints the folder)
ls      # what's in this folder? (on Windows, "dir" also works)

ما هو Node.js ولماذا تحتاجه

حتى الآن، JavaScript يعمل فقط في المتصفح. Node.js يجعله يعمل في أي مكان – مثل على خادم. والأهم: Node.js يأتي مع npm، متجر قطع كود جاهزة (packages)، سنستخدمه بعد قليل لتحميل React وVite.

التثبيت

  1. اذهب إلى nodejs.org وحمّل النسخة المعلّمة LTS (Long Term Support = مدعومة طويل الأمد، الأكثر استقراراً).

  2. شغّل الملف المحمّل ومرّ على المثبّت (Next → Next → Install). لا تغيّر شيئاً، الإعدادات الافتراضية صحيحة.

  3. أغلق الطرفية وافتحها من جديد (مهم!) وتحقق من التثبيت:

    node --version
    npm --version

    عندما يظهر رقما إصدار (مثل v22.11.0 و10.9.0)، انتهيت.

💡

«Command not found»؟ عادة يكفي إغلاق الطرفية وإعادة فتحها (أو كل VS Code). إن لم يساعد ذلك، أعد تشغيل الكمبيوتر – المثبّت يحتاج النظام أن «يلاحظ» البرنامج الجديد.

ورقة غش أوامرك

هذه الأوامر الأربعة تغطي 90٪ من عملك. احفظها:

الأمرماذا يفعل
cd folder-nameادخل مجلداً (cd .. = ارجع مجلداً واحداً)
ls (أو dir)اعرض ما في المجلد
npm installحمّل الحزم التي يحتاجها المشروع
npm run devشغّل خادم التطوير (أوقفه بـ Ctrl+C)

تحقق من نفسك: node --version وnpm --version يطبعان أرقاماً، وتستطيع بالطرفية الدخول إلى مجلد (cd) وعرض محتوياته (ls). ورشة المحترف جاهزة – في الدرس القادم نُعدّ أول تطبيق React.

ما ستخرج به من هذا الدرس