شعار زيفيرنت

20 سؤال مقابلة الزاوي. | المبرمج

التاريخ:

1. ما هو استخدام الزاوي؟
Angular هو إطار عمل لربط JavaScript والذي يربط بين HTML UI و Javascript Model ، مما يساعدك على تقليل مجهودك في كتابة تلك الأسطر الطويلة من التعليمات البرمجية للربط.

يساعدك أيضًا على إنشاء SPA (تطبيق صفحة واحدة) باستخدام مفهوم التوجيه. كما أن لديها الكثير من الميزات الأخرى مثل HTTP ، الإدخال / الإخراج لأنك لا تحتاج إلى إطار عمل آخر.

2. الفرق بين Angular و AngularJs.

Capture.PNG

3. ما هي التوجيهات في Angular؟
التوجيه هو إضافة سلوك إضافي لعناصر HTML في تطبيقنا Angular. أو التوجيه هو بناء الجملة Angular الذي نكتبه داخل HTML.
يمكن أن يغير التوجيه أيضًا سلوك HTML DOM في Angular

4. ما هو النوع المختلف من التوجيهات في Angular؟
3 أنواع من التوجيهات (SAC)

التوجيه الهيكلي: يمكن أن يغير التوجيه الإنشائي بنية عناصر DOM ، حيث يمكنه إضافة وإزالة العناصر في DOM.
ngIf
ngFor
نجسويتش

السمات: يغير مظهر (الشكل والمظهر) وسلوك عناصر HTML ، على سبيل المثال تغيير اللون ، مخفي / إظهار
التقاط 1.png

توجيه المكون: توجيه المكون هو توجيه تحكم المستخدم. يمكن للمستخدم تخصيص دليل المكون الذي يحتوي على قالب وملف ts.

5. شرح أهمية مجلد NPM و node_modules؟
يساعدنا Node Packege Manager (NPM) في تثبيت أي إطار عمل JavaScript في نظامنا المحلي

"node_modules" هو المجلد الذي يتم فيه تثبيت جميع الحزم.
التقاط 3.png

6. اشرح أهمية package.json؟
يحتوي على كل مراجع JavaScript اللازمة للمشروع. لذا بدلاً من تثبيت حزمة واحدة في كل مرة ، يمكننا تثبيت جميع الحزم دفعة واحدة.
التقاط 4.png

7. ما هو TypeScript ولماذا نحتاج؟
TypeScript هو مجموعة شاملة من JavaScript. إنها مجموعة شاملة نحوية صارمة لجافا سكريبت وتضيف كتابة ثابتة اختيارية إلى اللغة.
التقاط 6.png

إنه يعطي بيئة موجهة للكائن لطيفة والتي تنقل أو تتحول إلى JavaScript. لذلك ، نظرًا لأن أنواعها قوية ، سيكون لدينا خطأ أقل ولأننا نستطيع تنفيذ OOP (البرمجة الموجهة للكائنات) باستخدام JavaScript ، تزداد إنتاجيتنا وجودتنا أيضًا.

8. Expalin أهمية الزاوي CLI؟
Angular CLI هي واجهة سطر أوامر يمكننا من خلالها إنشاء قالب مشروع Angular intial. لذا بدلاً من البدء من نقطة الصفر ، لدينا بعض كود لوحة الغلاية.

9. Expalin المكون والوحدة؟
في العنصر الزاوي يساعدنا على ربط العرض والنماذج. حيث يمكننا تثبيت كود الربط. المكونات هي لبنة البناء الرئيسية لتطبيقات Angular

Capture.PNG

وحدة
الوحدات النمطية هي مجموعات مكونة منطقيًا وتحتوي أيضًا على التوجيه ، module.ts

10. ما هو الديكور في Angular؟
الديكور يعزز خاصية المكون.

يحدد المصمم نوع الطبقة الزاويّة. على سبيل المثال ، إذا قمت بتزيين "compoent" فهذا يعني أنها مجموعة زاويّة.
Capture.PNG

11. ما هو النموذج؟
القالب هو عرض HTML للزاوية حيث يمكننا كتابة التوجيهات. هناك طريقتان لتعريف القوالب أحدهما مضمّن والآخر هو ملف HTML منفصل.

12. اشرح الأنواع الأربعة من ربط البيانات بالزاوية؟
ربط البيانات في الزاوية هي كيفية تواصل العرض والمكون مع بعضهما البعض.

1.Interpolation / Expression: مكون نموذج تدفق البيانات إلى طريقة العرض ويمكننا مزجها مع ملف HTML.
التقاط 1.png

2. ربط الملكية: تدفق البيانات من المكون إلى العرض. يمكنه تغيير خاصية عناصر HTML على سبيل المثال
الملكية ملزمة.PNG

3.Event Binding (): عندما تريد إرسال حدث من العرض إلى المكون على سبيل المثالEvent..PNG

4- ربط البيانات ثنائي الاتجاه: تتدفق البيانات من المكون إلى العرض والعكس صحيح.
اتجاهين

13. اشرح مصطلح SPA؟
تطبيق الصفحة الواحدة هو تطبيق يتم فيه تحميل واجهة المستخدم الرئيسية مرة واحدة ثم يتم تحميل واجهة المستخدم المطلوبة عند الطلب.

14. كيفية تنفيذ SPA في Angular؟
التوجيه عبارة عن مجموعة بسيطة تحتوي على شيئين عنوان URL ومكون. عندما يتم استدعاء عنوان URL هذا ، أي مكون يتم تحميله.

لذا يساعدك التوجيه على تحديد التنقل لتطبيقك الزاوي. لذلك إذا كنت تريد الانتقال من شاشة إلى شاشة أخرى وتريد تطبيق صفحة واحدة (SPA) ، فهذا يعني عدم تحميل وإشارة توجيه واجهة المستخدم بالكامل.

15. شرح التحميل البطيء؟
التحميل الكسول يعني التحميل عند الطلب. تحميل ملفات HTML و CSS و JavaScript (ts) الضرورية فقط حتى تحصل على أداء أفضل.

16. كيف يمكننا تنفيذ التحميل الكسول في Angular؟
قسّم مشروعك إلى وحدات ، استخدم "loadchildern" لتحميل وحدة معينة.

بقعة_صورة

أحدث المعلومات الاستخباراتية

بقعة_صورة