مرحبًا بك سيقدم هذا الدرس وحدات Angular وكيفية البدء في استخدامها تساعد وحدات Angular على تنظيم الهيكل وتوفيره لتطبيقك تقوم معًا بتجميع المكونات والخدمات والتوجيهات وغيرها من مصادر الكود اللازمة لتوفير ميزة معينة أو وظيفة التطبيق من المهم ملاحظة أنه على الرغم من الاسم وحدات Angular أو وحدات NG ليست مثل وحدات جافا سكريبت وحدات JavaScript ووحدات Angular هي هياكل منفصلة ولكن بالطبع يمكن استخدامها معًا يحتوي كل تطبيق من Angular على وحدة واحدة على الأقل وهي وحدة الجذر هذه هي الوحدة التي تتعامل مع تطبيق Angular بأكمله تساعد الوحدات أيضًا في عملية التجميع وهذه هي الوحدة الأولى التي يتم تحميلها بواسطة Angular هذا هو ملف وحدة الجذر الأساسي أولاً، تحتاج إلى استيراد وحدة NG من المكتبة الأساسية لـ Angular وحدة NG هي علامة الفئة والتي يمكنك رؤيتها هنا هذا يوفر بيانات التكوين للوحدة بما في ذلك أي تبعيات إضافية أو خارجية تحتاج لأن يتم استيرادها للاستخدام في التطبيق أو في هذه الوحدة المحددة عند العمل باستخدام Angular فإنك تقوم باستيراد وحدات مختلفة كما تحتاجهم لذلك إذا كنت تريد استخدام الميزات المختلفة التي يوفرها Angular للنماذج مثل التحقق من صحة أو توجيه NG model تحتاج إلى استيراد وحدة النموذج أولاً إلى الملف ثم قم باستيرادها إلى الوحدة النمطية استيراد وحدات من مكتبة خارجية يكون بطريقة مماثلة على سبيل المثال، إذا أردت لاستخدام مواد إطار عمل مكون الواجهة الأمامية عليك أولاً تثبيت مكتبة المواد وللقيام بذلك ستفتح نافذة طرفية وقم بتشغيل الأوامر ng add angular/material وبمجرد تثبيت ذلك، يمكنك اتباع نفس عملية استيراد الوحدة إلى الملف أولاً وفي هذا المثال سأقوم باستيراد مكون progress spinner من المواد ثم أضف ذلك إلى مصفوفة الواردات من علامة وحدة الجذر تحتوي وحدة progress spinner هذه على مكون يمكنك إضافته إلى القوالب والآن بعد أن استوردنا الوحدة فإننا يمكننا استخدامها في التطبيق حذف كل هذا الكود المبدئي سأضيف مكون progress spinner وتأكد من حفظ الملفات ثم قم بتشغيل الأمر ng serve لبناء التطبيق ثم أفتح التطبيق في نافذة المتصفح ويمكنك أن ترىprogress spinner معروضًا هنا هذا كل شيء في هذا الدرس، تقديم الوحدات وفي اليوم التالي ستتعرف على علامة الوحدات والبيانات الوصفية بتفاصيل أكثر