8 أسئلة وأجوبة المقابلة الزاوي [2022]

هل تخطط للجلوس لمقابلة لوظيفة Angular Developer؟ حسنًا ، من الأفضل أن تعد نفسك لأسئلة مقابلة Angular هذه.

إذا كنت مطور JavaScript ، فقد تعرف إطار عمل Angular لتطوير الواجهة الأمامية. لقد أصبحت واحدة من أكثر المهارات المطلوبة للمطورين في العالم الحالي.

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

لقد قمنا بفرز بعض أسئلة مقابلة Angular الأكثر شيوعًا والتي يجب أن تكون مستعدًا لها للحصول على وظيفة أحلامك.

ما هو التعبير الزاوي؟ كيف تختلف عن تعبير JavaScript؟

Angular Expression هو مقتطف رمز يضعه المبرمجون في ربط {{expression}}. الفرق الكبير بين Angular و JavaScript Expressions هما:

  • من السهل استخدام المرشحات قبل عرض بيانات التنسيق.
  • التقييم يتسامح مع undefined و null بدلاً من JavaScript undefined الذي يولد ReferenceError و TypeError.
  • تم تقييمه مقابل كائن النطاق.
  • تتضمن التعبيرات الزاويّة الاستثناءات والشرطية والحلقات.

اشرح ربط البيانات.

يعتبر ربط البيانات أحد أكثر الميزات تأثيرًا وأهمية والتي يمكنها إنشاء اتصال بين المكونات و DOM. من السهل تحديد عملية التطبيقات التفاعلية دون القلق بشأن سحب القوالب والمكونات ودفعها. تُستخدم عدة أنواع من ربط البيانات في Angular ، مثل

  • ربط الملكية ،
  • ربط البيانات ثنائي الاتجاه ،
  • ربط الحدث و
  • سلسلة الاستيفاء.
  كيفية إضافة Alexa إلى Smart Mirror الخاص بك

أعط لمحة عن خطاطيف دورة حياة مختلفة من Angular.

تعتبر خطافات دورة حياة Angular شائعة عند التحقق من المشغلات وتغييرات المرحلة خلال كامل مدة مرحلة معينة. يتضمن مكون دورة الحياة المُنشئ ، الذي ينقسم إلى أربعة أجزاء رئيسية: ngOchanges و ngOnInit و ngDoCheck و ngOnDestroy. ngOchanges هي أيضًا تناول الطعام في ngAfterViewInit و ngAfterContentInit و ngAfterViewChecked و ngAfterContentChecked.

  • ngOnchanges () – عندما يتم تغيير واحد (أو أكثر) من خصائص الإدخال في المكونات ، يتم استدعاء هذه الطريقة. يتم تلقي القيم السابقة والحالية للخصائص في موضع الإضافة – SimpleChanges.
  • ngOnInit () – يأتي بعد ngOchanges لتهيئة خصائص ومكونات الإدخال.
  • ngDoCheck () – يأتي في المرحلة الثالثة للتصرف واكتشاف التغييرات المستحيلة مع Angular. يمكن للمرء تنفيذ خوارزمية الكشف عن التغيير بسرعة باستخدام هذا الخطاف.
  • ngAfterContentInit () – نقطة جذب أخرى وهي الاستجابة بعد الحصول على مشروعات المحتوى في المكون.
  • ngAfterContentChecked () – التالي هو ngAfterContentChecked الذي يتم استدعاؤه بعد كل استجابة ngDoCheck و ngAftercontentInit بعد المحتوى المسقط.
  • ngAfterViewInit () – الخطاف التالي للاستدعاء هو ngAfterViewInit للرد على عرض المكون الفرعي بعد التحقق من عرض المكون.
  • ngOnDestroy () – يساعد في فصل معالجات الأحداث وتنظيف الكود قبل أن يدمر Angular المكون.

ما هو الفرق بين AOT و JIT في Angular؟

قد يتم الخلط بين الكثيرين بين مترجم AOT و JIT في Angular ، وبالتالي من الضروري معرفة الأساسيات:

  • يقوم مترجم Ahead-of-Time (AOT) بترجمة التعليمات البرمجية الموجودة على الخادم في وقت الإنشاء. في الوقت نفسه ، يكون المترجم Just-in-Time (JIT) قيد التشغيل في متصفح التطبيق.
  • يعد AOT مثاليًا لوضع الإنتاج ، في حين أن JIT مخصص لوضع التطوير الذي يمكنه تجميع التعليمات البرمجية في مشروع Angular.
  • يتضمن تجميع AOT أوامر ng serve و ng build ، بينما يتضمن تصنيف JIT أوامر ng serve و ng build CLI.
  • يمكن لـ AOT تقليل حجم الحزمة لتقديم أسرع ، بينما يأتي JIT مع تصحيح الأخطاء وتنفيذ الميزات الرئيسية لتعيين الملفات.
  إصلاح خطأ وضع التصفح المتخفي على Netflix

اشرح RxJS.

تستخدم الإضافات التفاعلية لجافا سكريبت (RxJS) عناصر قابلة للملاحظة تسمح للمطورين بأداء البرمجة التفاعلية. الهدف هو تكوين رمز قائم على رد الاتصال أو عمليات غير متزامنة باستخدام إطار عمل RxJS في Angular. يمكن أن يساعد في تدفق البيانات إلى المشتركين الذين يصدرون قيمًا من الناشرين. إذا كنت لا تستخدم Angular ، فيمكن للغات البرمجة الأخرى مثل Python و Java استخدام العناصر القابلة للملاحظة باستخدام التعليمات البرمجية التفاعلية.

الغوص العميق في أنواع مميزة من المرشحات الزاويّة.

يستخدم Angular عامل تصفية لإظهار تنسيق المستخدمين لقيمة التعبير التي يمكن إضافتها إلى القوالب والتوجيهات والخدمات ووحدات التحكم. يمكن للمرء إنشاء عوامل تصفية مخصصة بناءً على المتطلبات التي تسمح للمستخدمين بتنظيم البيانات بناءً على المعايير. بعد رمز الأنبوب (|) ، توضع المرشحات في التعبير. المرشحات الأساسية المستخدمة في Angular هي:

  • رقم – لتحويل القيمة إلى سلسلة
  • العملة – تحويل الأرقام إلى تنسيق العملة
  • json – تحويل أي كائن إلى سلسلة JSON
  • التاريخ – تحويله بأي تنسيق تاريخ
  • Limito – قصر المصفوفة أو السلسلة على سلاسل أو عناصر معينة
  • orderBy – ترتيب المصفوفة في التعبير
  • الأحرف الكبيرة – تحويل سلسلة إلى أحرف كبيرة
  • الأحرف الصغيرة – تحويل سلسلة إلى أحرف صغيرة
  • عامل التصفية – حدد مجموعة فرعية من مجموعة معينة
  كيفية رقمنة صور الأفلام القديمة الخاصة بك

تعريف التمهيد.

يعد Bootstrapping طريقة لبدء أو تهيئة التطبيق في Angular ، سواء أكان تلقائيًا أم يدويًا. دعنا نساعدك على فهمها بطريقة أفضل:

  • يتم تضمين التمهيد التلقائي عند إضافة توجيهات ng-app على العلامة إذا لزم الأمر. يجمع Angular DOM ويرتبط بإيجاد الوحدة النمطية لتوجيه ng-app.
  • التمهيد اليدوي هو تهيئة تطبيق Angular وتقديم التحكم للمطورين لأداء عمليات ومهام مهمة لتجميع الصفحة.

إلقاء بعض الضوء على توجيهات Angular.

عندما يتعلق الأمر بتوجيهات Angular ، هناك ثلاثة أنواع مهمة مثل:

  • السمة – باستخدام هذا ، يمكن للمرء تغيير سلوك العناصر ومظهرها وتوجيه آخر ومكونات. يستخدم ngStyle و ngClass كسمات للعناصر.
  • المكونات – تتكون من قوالب يمكنها تحديد واجهة مستخدم واحدة باستخدام أنماط CSS ورمز TypeScript وقالب HTML. عادة ما يتم تزيينه برمز @ يعطي مترجمًا زاويًا ليحل محله بقوالب المكون.
  • هيكلي – يغير هيكل العرض لإخفاء أو إظهار بعض البيانات باستخدام توجيهات مختلفة مثل توجيهات ngIf.

استنتاج

هذه هي الأسئلة والإجابات الأساسية التي تُطرح عادة في مقابلات Angular. سوف يساعدك على الاستعداد للمقابلة والحصول على وظيفة أحلامك.

إذا انتهيت من ذلك ، فاعرف المزيد عن AngularJS.

استمتعت بقراءة المقال؟ ماذا عن المشاركة مع العالم؟