| الأداة | الوصف | الأهمية في مشروع Angular |
|---|---|---|
| Node.js | بيئة تشغيل للغة JavaScript تعمل خارج المتصفح | تشغيل خادم التطوير المحلي وتحويل أكواد TypeScript |
| NPM | مدير حزم ومكتبات Node (Node Package Manager) | تحميل وتحديث إطار عمل Angular والمكتبات المساعدة |
| سطر الأوامر (Terminal) | واجهة لإدخال الأوامر النصية للنظام | تنفيذ أوامر بناء المشروع وتشغيله وإدارته |
في الدرس السابق، تعرفنا على أن Angular هو إطار عمل متكامل يعتمد على لغة TypeScript. متصفحات الويب لا تفهم لغة TypeScript بشكل مباشر؛ بل تفهم فقط JavaScript و HTML و CSS.
هنا يأتي دور Node.js. نحن لا نستخدم Node.js في دورتنا هذه لبرمجة الخوادم (الخلفية - Back-end)، بل نستخدمه كـ "بيئة عمل محلية" على جهازك. يقوم Node.js بتشغيل أدوات البناء التي تحول أكواد TypeScript (التي سنكتبها) إلى أكواد JavaScript محسنة يمكن للمتصفح قراءتها. كما يوفر لنا خادماً محلياً (Local Server) لرؤية التعديلات بشكل فوري أثناء البرمجة دون الحاجة لعمل تحديث يدوي للصفحة.
أداة NPM (Node Package Manager) هي أكبر مستودع برمجيات في العالم، وتأتي مدمجة تلقائياً عند تثبيت Node.js. بدون NPM، لن نتمكن من تحميل أدوات Angular إلى جهازك. سنستخدم هذه الأداة كجسر لتثبيت واجهة سطر أوامر أنجلر (Angular CLI)، وأي مكتبات إضافية قد نحتاجها في التطبيق مستقبلاً (مثل مكتبات التصميم الجاهزة أو أي أدوات خارجية).
لتجهيز بيئة العمل، عليك التوجه إلى الموقع الرسمي nodejs.org وتحميل النسخة المستقرة، ثم تثبيتها على نظام التشغيل الخاص بك كأي برنامج عادي (Next, Next, Install). بعد التثبيت، يجب أن نتأكد من أن كل شيء يعمل بنجاح. افتح موجه الأوامر (CMD) في نظام ويندوز أو (Terminal) في ماك ولينكس، وقم بتنفيذ الأوامر التالية:
اكتب الأمر التالي واضغط Enter. سيظهر لك رقم الإصدار المُثبت، مما يؤكد أن نظامك أصبح جاهزاً لتشغيل أوامر JavaScript خارج المتصفح:
| 1 | node -v |
ℹ️ معلومة
(النتيجة المتوقعة: سيطبع النظام رقم الإصدار، على سبيل المثال v20.11.0)
بما أن NPM يتم تثبيته تلقائياً مع Node.js، سنتحقق من تواجده وإصداره باستخدام الأمر التالي:
| 1 | npm -v |
ℹ️ معلومة
(النتيجة المتوقعة: سيطبع النظام رقم الإصدار، على سبيل المثال 10.2.4)