انتقل إلى محتوى الدرس

Package Managers and npm Concept مفهوم مدير الحزم npm للمشاريع

تعرّف على منظومة الأدوات اليومية لمطور الواجهة الأمامية: كتابة الكود في VS Code، وفحص العناصر والتجاوب عبر DevTools، واستلام التصاميم من Figma، وحفظ الإصدارات والعمل الجماعي عبر Git وGitHub، ومفهوم npm وVite وأمان المستودعات.
2 صفوف تعليمية
تكنولوجيا الويب
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عند بناء موقع ويب حديث، لا يحتاج المطور إلى برمجة تقويم تواريخ أو مكتبة أيقونات أو أداة رسوم بيانية من الصفر؛ بل يعتمد على مدير الحزم ()، الذي يمثّل المتجر الرسمي الموحد لتثبيت وتحديث المكتبات البرمجية الجاهزة:

  • بطاقة تعريف المشروع (): ملف نصي صغير في جذر المشروع يسجل اسم المشروع وأوامر تشغيله وقائمة الحزم والمكتبات التي يعتمد عليها مع أرقام إصداراتها.
  • سهولة مشاركة بيئة العمل: عندما يسحب زميلك المشروع من ، يكفيه تشغيل أمر واحد ليقوم بتنزيل جميع الحزم المسجلة في تلقائياً بنفس الإصدارات.

شاهد في المثال المبسط الآتي كيف يبدو ملف في مشاريع الواجهة الأمامية:

الصف 2 كود برمجي
JSON
{
  "name": "closetag-ui-starter",
  "version": "1.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
}