75 أسئلة وأجوبة لمقابلة AngularJS (2024)

فيما يلي أسئلة وإجابات مقابلة AngularJS للمرشحين الجدد وذوي الخبرة للحصول على وظيفة أحلامهم.

 

أسئلة وأجوبة مقابلة AngularJS للطلاب الجدد

1) ما هو AngularJS؟

AngularJS هو إطار عمل JavaScript يستخدم لإنشاء تطبيقات صفحة ويب واحدة. فهو يسمح لك باستخدام HTML كلغة القالب الخاصة بك ويمكّنك من توسيع بناء جملة HTML للتعبير عن مكونات التطبيق الخاص بك بوضوح.

👉 تنزيل مجاني بصيغة PDF: أسئلة وأجوبة مقابلة AngularJS >>


2) ما هي الميزات الرئيسية لAngularJS؟

الميزات الرئيسية لAngularJS هي:

  • مجال
  • مراقب
  • الموديل
  • المزيد
  • الخدمات
  • ربط البيانات
  • تعليمات
  • فلاتر
  • قابل للاختبار

3) شرح نطاق الوظيفة في AngularJS

مجال يشير إلى نموذج التطبيق. إنه بمثابة الغراء بين وحدة تحكم التطبيق وطريقة العرض. يتم ترتيب النطاقات في الهرمarchiهيكل cal وانتحال بنية DOM (نموذج كائن المستند) للتطبيق. يمكنه مشاهدة التعبيرات ونشر الأحداث.


4) شرح الخدمات في AngularJS

خدمات AngularJS هي كائنات أو وظائف مفردة تُستخدم لتنفيذ مهام محددة. يحمل بعض منطق الأعمال.


5) ما هو التعبير الزاوي؟ اشرح الفرق الرئيسي بين التعبيرات الزاوية وتعبيرات JavaScript

مثل JavaScript، التعبيرات Angular عبارة عن مقتطفات من التعليمات البرمجية التي يتم وضعها عادةً في رابط مثل {{ Expression }}

الفرق الرئيسي بين تعبيرات JavaScript والتعبيرات Angular هو:

  • السياق: في Angular، يتم تقييم التعبيرات مقابل كائن النطاق، بينما يتم تقييم تعبيرات JavaScript مقابل النافذة العامة
  • غفور: في التعبير Angular، يكون التقييم متسامحًا مع القيمة الفارغة وغير المحددة، بينما في JavaScript، تولد الخصائص غير المحددة TypeError أو ReferenceError
  • لا توجد بيانات تدفق التحكم: لا يمكن استخدام الحلقات أو الشروط أو الاستثناءات في التعبير الزاوي
  • المرشحات: يمكنك استخدام المرشحات لتنسيق البيانات قبل عرضها.

6) كيف يمكنك تهيئة التحديد box مع خيارات تحميل الصفحة؟

يمكنك تهيئة التحديد box مع خيارات تحميل الصفحة باستخدام توجيه ng-init.

  • <div ng-controller = ” apps/dashboard/account ” ng-switch
  • على = "! ! الحسابات" ng-init = "loadData () ">

7) ما هي التوجيهات؟ قم بتسمية بعض التوجيهات الأكثر استخدامًا في تطبيق AngularJS

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

بعض التوجيهات شائعة الاستخدام هي:

1) نموذج نانوغرام

2) نانوغرام التطبيق

3) نانوغرام الربط

4) نانوغرام تكرار

5) نانوغرام العرض


8) كيف تعمل مسارات Angular JS؟

تتيح لك مسارات AngularJS إنشاء عناوين URL مختلفة لمحتوى مختلف في تطبيقك. تمكن عناوين URL المختلفة لمحتوى مختلف المستخدم من وضع إشارة مرجعية على عناوين URL لمحتوى معين. يُطلق على كل عنوان URL قابل للإشارة المرجعية في AngularJS اسم المسار

القيمة في Angular JS هي كائن بسيط. يمكن أن يكون رقمًا أو سلسلة أو كائن JavaScript. تُستخدم القيم عادةً كتكوين يتم حقنه في المصانع أو الخدمات أو وحدات التحكم. يجب أن تنتمي القيمة إلى وحدة AngularJS.

يتم إدخال قيمة في وظيفة تحكم AngularJS عن طريق إضافة معلمة بنفس اسم القيمة


9) ما هو ربط البيانات في AngularJS؟

أوتوماتيك syncيشار إلى تسلسل البيانات بين النموذج ومكونات العرض بربط البيانات في AngularJS. هناك طريقتان لربط البيانات

  1. استخراج البيانات في أنظمة القالب الكلاسيكية
  2. ربط البيانات في القوالب الزاوية

10) ما هي فوائد AngularJS؟

فوائد AngularJS هي:

  • تسجيل الاستدعاءات: ليست هناك حاجة لتسجيل عمليات الاسترجاعات. وهذا يجعل التعليمات البرمجية الخاصة بك بسيطة وسهلة التصحيح.
  • التحكم في HTML DOM برمجياً: التطبيقات التي تم إنشاؤها باستخدام Angular ليست مطلوبة لمعالجة DOM.
  • نقل البيانات من وإلى واجهة المستخدم: تساعد AngularJS على التخلص من جميع القواعد النمطية تقريبًا. يمكنه التحقق من صحة النموذج وعرض الأخطاء والعودة إلى النموذج الداخلي وما إلى ذلك.
  • لا يوجد رمز التهيئة: باستخدام AngularJS، يمكنك تشغيل تطبيقك بسهولة. يمكنك استخدام الخدمات المحقونة تلقائيًا في تطبيقك في Guice.

11) ما هو استيفاء السلسلة في Angular.JS؟

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


12) ما هي خطوات عملية تجميع لغة HTML؟

يتم تجميع عملية HTML في المتابعةwing طرق

  • باستخدام واجهة برمجة تطبيقات المتصفح القياسية، يتم أولاً تحليل HTML إلى DOM
  • باستخدام الدعوة إلى $compile () الطريقة، يتم تنفيذ تجميع DOM. تعبر الطريقة DOM وتتطابق مع التوجيهات.
  • ربط القالب بنطاق عن طريق استدعاء وظيفة الربط التي تم إرجاعها من الخطوة السابقة

13) شرح التوجيهات وأنواعها

أثناء عملية التجميع، عندما يتم تشغيل وظيفة HTML معينة، يشار إليها باسم التوجيه. يتم تنفيذه عندما يواجهه المترجم في DOM.

أنواع مختلفة من التوجيهات هي:

1) توجيهات العنصر

2) توجيهات السمة

3) توجيهات فئة CSS

4) توجيهات التعليق.


14) شرح وظيفة الربط وأنواعها

يجمع الرابط التوجيهات مع النطاق وينتج عرضًا مباشرًا. لتسجيل مستمعي DOM وكذلك لتحديث DOM، تكون وظيفة الارتباط مسؤولة. بعد استنساخ القالب، يتم تنفيذه.

  • وظيفة الربط المسبق: يتم تنفيذ وظيفة الارتباط المسبق قبل ربط العناصر الفرعية. لا تعتبر طريقة آمنة لتحويل DOM.
  • وظيفة ربط المشاركة: يتم تنفيذ وظيفة ربط النشر بعد ربط العناصر الفرعية. من الآمن إجراء تحويل DOM عن طريق وظيفة ما بعد الربط

15) شرح الحاقن في AngularJS

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


16) ما هو الفرق الرئيسي بين الرابط والتجميع في Angular.js؟

  • وظيفة التجميع: يتم استخدامه لمعالجة قالب DOM ويجمع كل التوجيهات.
  • وظيفة الارتباط: يتم استخدامه لتسجيل مستمعي DOM بالإضافة إلى معالجة DOM على سبيل المثال. يتم تنفيذه بمجرد استنساخ القالب.

17) ما هي وظيفة المصنع في AngularJS؟

لإنشاء التوجيه، يتم استخدام طريقة المصنع. يتم استدعاؤه مرة واحدة فقط عندما يطابق المترجم التوجيه للمرة الأولى. باستخدام $injector.invoca يتم استدعاء طريقة المصنع.


18) اشرح نموذج التصميم الذي يضيفه ngModel إلى فئات CSS

يضيف NgModel فئات CSS هذه للسماح بتصميم النموذج. فئات التحقق من صحة AngularJS هي:

  1. نانوغرام- صالح
  2. نانوغرام- غير صالح
  3. نانوغرام البكر
  4. نانوغرام القذرة

19) ما هي خصائص "النطاق"؟

  • لنطاقات طفرات نموذج المراقب توفر واجهات برمجة التطبيقات ($watch)
  • لنشر أي تغييرات في النموذج من خلال النظام في العرض من خارج عالم Angular
  • يرث النطاق الخصائص من نطاقه الأصلي، مع توفير الوصول إلى خصائص النموذج المشتركة، ويمكن تداخل النطاقات لعزل مكونات التطبيق
  • يوفر النطاق السياق الذي يتم تقييم التعبيرات على أساسه

20) ما هو DI (حقن التبعية) وكيف يمكن لكائن أو وظيفة الحصول على تبعياته؟

DI أو Dependency حقن هو نمط تصميم برمجي يتعامل مع كيفية حصول التعليمات البرمجية على تبعياتها. من أجل استرداد عناصر التطبيق المطلوب تهيئتها عند تحميل الوحدة، تستخدم عملية "config" حقن التبعية.

هذه هي الطرق التي يستخدمها الكائن للاحتفاظ بتبعياته

  • عادة باستخدام عامل التشغيل الجديد، يمكن إنشاء التبعية
  • من خلال الإشارة إلى متغير عالمي، يمكن البحث عن التبعية
  • يمكن تمرير التبعية إلى المكان المطلوب

أسئلة وأجوبة مقابلة AngularJS للمحترفين ذوي الخبرة

21) شرح مفهوم التسلسل الهرمي للنطاق

يتكون كل تطبيق زاوي من نطاق جذر واحد ولكن قد يحتوي على عدة نطاقات فرعية. عندما تقوم وحدات التحكم التابعة وبعض التوجيهات بإنشاء نطاقات فرعية جديدة، يمكن أن يحتوي التطبيق على نطاقات متعددة. عندما يتم تشكيل أو إنشاء نطاقات جديدة، تتم إضافتها كعناصر فرعية للنطاق الأصلي الخاص بها. هم أيضا يخلقون هيرarchiهيكل cal مشابه لـ DOM.


22) اشرح الفرق الرئيسي بين AngularJS وbackbone.js

AngularJS العمود الفقري
AngularJS هو إطار عمل مفتوح المصدر قائم على جافا سكريبت مصمم لدعم تطبيقات الويب الديناميكية. backbone.js هو إطار عمل يلخص DOM في طرق العرض والبيانات في النماذج ثم يربط كليهما باستخدام الأحداث.
أداءه جيد لأنه يوفر عملية ربط البيانات في اتجاهين توفر تقنية Backbone.js أداءً أسرع من AngularJS إذا كانت مجموعات البيانات صغيرة
يعمل على MVS (التخزين الظاهري المتعدد). يعمل على MVP architecture.
يستخدم AngularJS سمة HTML الديناميكية لتسهيل فهم التطبيق. يستخدم Backbone.js الجزء السفليcore tempيتأخر في فهم التطبيق.
لديها دعم كبير من المجتمع. يقتصر دعم المجتمع على أقل من ذلكcore tempمتأخر.

23) من قام بإنشاء Angular JS؟

تم تطوير AngularJS بواسطة Adam Abrons وMisko Hevery. حاليا، تم تطويره بواسطة جوجل.


24) كيف يمكنك دمج AngularJS مع HTML؟

يمكن للمطورين متابعة ما يليwing خطوات دمج AngularJS مع HTML:

خطوة 1 بما في ذلك AngularJS JavaScript في صفحة HTML.

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

خطوة 2 أشر إلى تطبيق AngularJS.

يجب عليك إضافة سمة ng-app داخل علامة نص HTML لمعرفة أي جزء من تطبيق HTML AngularJS كما هو موضح في المتابعةwing مثال:

<body ng-app = "testapp">
</body>

25) ما هو مرشح الترتيب في AngularJS؟

يقوم عامل التصفية Orderby في AngularJS بطلب المصفوفة بناءً على معايير محددة. فولوwing يوضح المثال كيف يمكنك طلب المنتج حسب السعر.

<ul>
<li ng-repeat = "company in product.products | orderBy:'price">
      {{ company.product + ', price:' + product.price }}
   </li>
</ul>

26) ما هو ng-non-bindable في AngularJS؟

يحدد Ng-non-bindable AngularJs لعدم تجميع عنصر HTML والعقد التابعة له. على سبيل المثال:

<title ng-non-bindable > </title>


27) شرح استخدام double انقر فوق الحدث في AngularJS

double يتيح لك النقر فوق حدث AgularJS تحديد السلوك المخصص عليه double حدث النقر بالماوس على صفحة ويب مثل:

<ELEMENT ng-dblclick="{expression}"> 
... 
</ELEMENT>

28) شرح توجيهات النقر ng في AngularJS مع المثال

يمكن استخدام توجيهات Ng-click في سيناريو عندما يتعين عليك النقر فوق الزر أو الرغبة في تنفيذ أي عملية.

على سبيل المثال:

<button ng-click="count = count ++">Click</button>

29) لماذا استخدام ng-include في AngularJS؟

يساعدك Ng-include في AngularJS على تضمين صفحات HTML في صفحة HTML واحدة. مثال:

<div ng-app = "" ng-controller = "interviewController">
   <div ng-include = "'first.htm'"></div>
   <div ng-include = "'phases.htm'"></div>
</div>

30) كيف يمكنك إجراء مكالمة أجاكس باستخدام Angular JS؟

تقدم AngularJS $https: عنصر تحكم يساعدك على إجراء مكالمة ajax لقراءة بيانات الخادم. يقوم الخادم بإجراء اتصال بقاعدة البيانات للحصول على السجلات المطلوبة. بمجرد أن تصبح بياناتك بتنسيق JSON جاهزة، يمكنك استخدام $https: لاسترداد البيانات من الخادم في ما يليwing طريقة:

function employeeController($scope,$https:) {
   var url = "tasks.txt";
   $https.get(url).success( function(response) {
      $scope.employee = response; 
   });
}

31) شرح استخدام $routeProvider

في Angular JS $routeProvider يقوم بتعيين تكوين عنوان URL. يقوم بتعيين قالب ng أو صفحة HTML ذات الصلة ويرفق وحدة تحكم معه.


32) كيف يمكنك تعيين ملفات تعريف الارتباط والحصول عليها ومسحها في AngularJS؟

يمكنك استخدام:

  • طريقة $cookies.put() لتعيين ملفات تعريف الارتباط.
  • طريقة $cookies.get() للحصول على ملفات تعريف الارتباط.
  • $cookies.remove لإزالة ملفات تعريف الارتباط في AngularJS.

33) ما هي طريقة الخدمة؟

تساعدك طريقة الخدمة في AngularJS على تحديد الخدمة وطريقة تقديمها. في فولوwing على سبيل المثال، قمنا بإدخال خدمة إضافة بسيطة، والتي تضيف رقمين.

<! DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Event Registration</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<h3> Guru99 Global Event</h3>
<div ng-app = "mainApp" ng-controller = "DemoController">
    <p>Result: {{result}}</p>
</div>
<script>
    var mainApp = angular.module("mainApp", []);
    mainApp.service('AdditionService', function(){
        this.ADDITION = function(a,b) {
            return a+b;
        }
    });

    mainApp.controller('DemoController', function($scope, AdditionService) {

            $scope.result = AdditionService.ADDITION(5,6);
    });
</script>
</body>
</html>

34) قم بتسمية مكونات AngularJS التي يمكن حقنها كتبعية

مكونات AngularJS التي يمكن حقنها كتبعية هي: 1) القيمة، 2) المصنع، 3) الخدمة، 4) المزود، 5) الثابت.


35) ما هي وظائف Angular Global API الشائعة

بعض وظائف Angular Global API شائعة الاستخدام هي:

  • Angular.isString: سيعود صحيحًا فقط إذا كان المرجع المحدد من نوع السلسلة.
  • الزاوي.أحرف صغيرة: يقوم بتحويل أي سلسلة إلى أحرف صغيرة
  • الزاوي.الأحرف الكبيرة: يقوم بتحويل أي سلسلة إلى أحرف كبيرة.
  • Angular.isNumber: يتم إرجاعه صحيحًا فقط إذا كان المرجع عبارة عن قيمة رقمية أو رقم.

36) اكتب برنامجًا لإخفاء علامة HTML بنقرة زر واحدة فقط في الزاوية

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
</head>
<body>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<h1> Guru99 Global Event</h1>
<div ng-app="DemoApp" ng-controller="DemoController">
    <input type="button" value="Hide Angular" ng-click="ShowHide()"/>
    <br><br><div ng-hide="IsVisible">Angular</div>
</div>
<script type="text/javascript">
    var app = angular.module('DemoApp',[]);
    app.controller('DemoController',function($scope){
        $scope.IsVisible = false;
        $scope.ShowHide = function(){
            $scope.IsVisible = $scope.IsVisible = true;
        }
        });
</script>
</body>
</html>

37) ما هو BOM (نموذج كائن المتصفح)؟

يتكون BOM أو نموذج كائن المتصفح من السجل، وملاح الكائنات، وموقع الشاشة، وما إلى ذلك. وهو يحدد كائنات المتصفح العامة مثل وحدة التحكم، والتخزين المحلي، والنافذة.


38) شرح "$rootScope" في AngularJS

"$rootScope" هو النطاق الذي تم إنشاؤه على عنصر DOM (نموذج كائن المستند).

يمكن أن يحتوي التطبيق على $rootScope واحد فقط وهو shares، من بين مكونات أخرى. لديه التوجيه ng-app. النطاقات الأخرى تسمى نطاقها الفرعي. يمكنه مشاهدة التعبيرات وكذلك نشر الأحداث.


39) أعط مثالاً على ng-view في Angular

خذ بعين الاعتبار ما يليwing مثال:

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
    <script src="https://code.angularjs.org/1.5.9/angular-route.js"></script>
    <script src="https://code.angularjs.org/1.5.9/angular.min.js"></script>
    <script src="lib/bootstrap.js"></script>
</head>
<body ng-app="sampleApp">
<h1> Global Event</h1>
<div class="container">
    <ul><li><a href="#!NewEvent"> Add New Event</a></li>
        <li><a href="#!DisplayEvent"> Display Event</a></li>
    </ul>
    <div ng-view></div>
</div>
<script>
    var app = angular.module('sampleApp',["ngRoute"]);
    app.config(function($routeProvider){
        $routeProvider.
        when("/NewEvent",{
            templateUrl : "add_event.html",
            controller: "AddEventController"
        }).
        when("/DisplayEvent", {
            templateUrl: "show_event.html",
            controller: "ShowDisplayController"
        }).
        otherwise ({
            redirectTo: '/DisplayEvent'
        });
    });
    app.controller("AddEventController", function($scope) {
        $scope.message = "This is to Add a new Event";
    });
    app.controller("ShowDisplayController",function($scope){
        $scope.message = "This is display an Event";
    });
</script>
</body>
</html>

40) ما هو بناء جملة طريقة المصنع في AngularJS؟

بناء جملة المصنع كما يلي:

app.factory('serviceName',function(){ return ServiceObj;})


41) قم بتسمية المراحل المختلفة لدورة حياة نطاق AngularJS.

فيما يلي مراحل مختلفة من دورة حياة نطاق AngularJS:

  • خلق
  • طفرة نموذجية
  • تسجيل مراقب
  • مراقبة الطفرة
  • تدمير النطاق

42) اكتب برنامجًا لعملية التمهيد في Angular

برنامج عملية التمهيد في Angular هو:

<html>
    <body ng-app="TestApp">
        <div ng-controller="Ctrl">Hi{{msg}}!</div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"> 
</script>
        <script>
            var test = angular.module('TestApp', []);
            test.controller('Ctrl', function($scope) {
                $scope.msg = 'Good Morning';
            });
        </script>
    </body>
</html>

43) ما هو تطبيق الصفحة الواحدة في AngularJS؟

SPA أو تطبيق الصفحة الواحدة هو موقع ويب أو تطبيق ويب يتفاعل مع المستخدمين ديناميكيًا. في AngularJS، يتم احتواء JavaScript وHTML وCSS في صفحة واحدة. يقوم بالتنقل دون تحديث صفحة HTML بأكملها.


44) شرح مفهوم حزمة الويب

Webpack عبارة عن وحدة تجميعية لـ Angular2 أو أعلى. يقوم بتجميع تطبيق AngularJS ونقله وتقليله.


45) ماذا تقصد بالآلية الوقائية الوطنية؟

NPM لتقف علي مدير حزمة العقدة. وهو يتألف من عميل أداة سطر الأوامر للتفاعل مع مستودع مشروع Node.js.


46) كيف يمكنك إنشاء مشروع جديد في angularJS باستخدام واجهة سطر الأوامر؟

بمجرد تثبيت واجهة سطر الأوامر Angular، يجب عليك تشغيل أمر ng new project-name لإنشاء مشروع جديد في Angular.


47) شرح عملية التمهيد التلقائي في AngularJS

يقوم Angular بتهيئة حدث DOMContentLoaded تلقائيًا أو عند تنزيل البرنامج النصي angular.js إلى المتصفح.

بعد ذلك، تجد AngularJS توجيه ng-app الذي يمثل جذر تجميع التطبيق الزاوي. عند العثور على توجيه ng-app، تقوم AngularJS بالمتابعةwing خطوات:

1) تحميل الوحدة المرتبطة بالتوجيه،

2) إنشاء حاقن التطبيق،

3) قم بتجميع DOM من العنصر الجذر ng-app. تُعرف هذه العملية باسم التمهيد التلقائي.


48) ما هي التعبيرات الوظيفية التي يتم استدعاؤها على الفور؟

IIFEs أو تعبيرات الوظائف التي يتم استدعاؤها فورًا هي وظيفة يتم تنفيذها بمجرد إنشائها. إنه يوفر طريقة بسيطة لعزل إعلان المتغير. تحتوي IIFEs على وظيفتين رئيسيتين:

1) المشغل ()

2) التعبير()


49) ما هي دورة الملخص في AngularJS؟

تعد دورة الملخص جزءًا مهمًا من ربط البيانات في AngularJS، والتي شركاتares الإصدار القديم والجديد من نموذج النطاق. يتم تشغيل دورة الملخص تلقائيًا أو يدويًا باستخدام الدالة $apply().


50) ما هو المطلب الأساسي للعمل مع AngularJS؟

يجب عليك تنزيل أحدث إصدار من AngularJS من AngularJS.com للتعلم أو العمل مع AngularJS. يمكنك إما أن تحتاج إلى ملف JS واستضافته محليًا، أو يمكنك أيضًا استخدام google CDN (شبكة توصيل المحتوى) للرجوع إليه.


51) هل يمكننا إنشاء وحدات تحكم متداخلة في AngularJS؟

نعم، يمكننا إنشاء وحدة تحكم متداخلة في AngularJS.

مثال على وحدة التحكم المتداخلة هو كما يلي:

<div ng-controller="MainCtrl">
 <p>{{msg}} {{name}}!</p>
<div ng-controller="SubCtrl1">
<p>Hi {{name}}!</p>
   <div ng-controller="SubCtrl2">
     <p>{{msg}} {{name}}! Your name is {{name}}.</p>
   </div>
</div>
</div>

52) ما هو المصادقة؟

المصادقة هي خدمة تُستخدم لتسجيل الدخول والخروج من تطبيق Angular. يتم تمرير بيانات اعتماد المستخدمين إلى واجهة برمجة التطبيقات (API) على الخادم. ثم بعد التحقق من صحة بيانات الاعتماد هذه من جانب الخادم، يتم إرجاع JSON Web Token، والتي تتضمن تفاصيل حول المستخدم الحالي.


53) تعريف مادة AngularJS

تعتبر مادة AngularJS تطبيقًا لمواصفات تصميم المواد من Google. إنه يقدم مجموعة من مكونات واجهة المستخدم التي تم اختبارها جيدًا والقابلة لإعادة الاستخدام لمبرمج AngularJS.


54) ما هي الاختلافات الهامة بين الزاوي 7 والزاوي 8

الزاوي 7 الزاوي 8
Angular 7 صعب الاستخدام Angular 8 سهل الاستخدام للغاية
يوفر دعمًا للإصدار الأقل من لغة البرمجة Typescript 3.4 ولا يوفر دعمًا للإصدار الأقل من لغة البرمجة Typescript 3.4
يدعم جميع إصدارات نود.جي إس يدعم الإصدار Node.js 12 فقط.

55) ما هو نجزون؟

إن ngzone عبارة عن فئة مجمعة لـ JavaScrip يُشار إليها بواسطة Zone.js. فهو يمكّن المطورين من تشغيل تعليمات برمجية معينة بشكل صريح خارج منطقة Angular، مما يمنع angular من تشغيل أي اكتشاف للتغيير.


56) اذكر الفرق بين المكون الزاوي والتوجيه

مكون التوجيه
المكون الزاوي هو توجيه يمكّنك من الاستفادة من وظيفة مكون الويب في جميع أنحاء التطبيق. التوجيه الزاوي هو أسلوب نربط به السلوك بالعناصر.
يساعدك على تقسيم التطبيق الخاص بك إلى مكونات أصغر. يساعدك على تصميم المكونات القابلة لإعادة الاستخدام.
يمكنه تحديد الأنابيب لا يمكن تحديد الأنابيب.

57) تعريف ECMAScript

يعد ECMAScript (الرابطة الأوروبية لمصنعي أجهزة الكمبيوتر) معيارًا للغات البرمجة النصية. تستخدم JavaScript ECMAScript كلغة أساسية. يمكن للمطورين الاستفادة منه لكتابة البرامج النصية من جانب العميل على شبكة الإنترنت العالمية و/أو تطبيقات وخدمات الخادم. يحتوي ECMAScript على العديد من الميزات مثل الميزات الوظيفية والنموذجية والديناميكية والمنظمة.


58) ما هو مترجم Traceur؟

Traceur هو مترجم جافا سكريبت الذي يستخدم الفئات، generators، وغيرها من الميزات من ECMAScript.


59) كيفية تحويل سلسلة إلى عملة؟

يمكنك تحويل إدخال السلسلة إلى مرشح عملة نوع العملة في Angular.


60) ما هي القوالب في AngularJS؟

القالب هو ملف HTML يُستخدم مع توجيهات وسمات AngularJs.


61) شرح الاختلافات بين Angular وjQuery

AngularJS مسج
من الصعب فهم AngularJs من السهل جدًا فهم Jquery.
وهو يدعم عملية الربط في اتجاهين لا يدعم عملية ربط البيانات
يوفر الدعم لتوجيه الارتباط العميق لا يوفر دعمًا لتوجيه الارتباط العميق

62) ما هو قبل تجميع الوقت؟

Angular AOT (Ahead of Time) هو مترجم يقوم بتحويل HTML الزاوي ورمز TypeScript إلى كود JavaScript.


63) قائمة أنواع المرشحات في AngularJS

أنواع المرشحات المستخدمة في AngularJS هي: 1) العملة، 2) الأحرف الكبيرة، 3) الأحرف الصغيرة، 4) orderBy، 5) JSON، و6) LimitTo.


64) شرح وظيفة ngOnInit ().

الدالة ngOnInit () عبارة عن خطاف دورة حياة يتم استدعاؤه بعد اكتمال الخصائص المرتبطة بالبيانات للتوجيه.


65) ما هو التضمين في AngularJS؟

يمكّن التضمين في AngulaJS المطورين من إعادة تخصيص أطفال التوجيه الأصلي إلى موقع محدد داخل القالب. يُظهر التوجيه ng نقطة الإدراج لـ DOM المضمن لـ nearest التوجيه الأصلي، والذي يستخدم الاستبعاد. تُستخدم توجيهات Ng-transclude-slot أو ng-transclude بشكل أساسي في عملية النقل.


66) الخطافات المضاءة متوفرة في AngularJS

الخطافات المختلفة في AngularJS هي:

1) نجونينيت ()

2) ngOnChanges()،

3) نجدوتشيك ()،

4) ngAfterContentInit ()،

5) ngAfterContentChecked()،

6) نجونديستروي ()،

7) ngAfterViewChecked() و

8) نجأفترفيوينيت ()


67) ما هي الأجزاء الهامة من البيانات التعريفية AngularJS؟

يتم استخدام البيانات التعريفية AngularJS لتزيين فئة تصور السلوك المتوقع لفئة معينة. الأجزاء المختلفة للبيانات الوصفية هي: 1) مصمم الصنف، 2) مصممو الأساليب، مصممو المعلمات، و4) مصممو الخصائص.


68) ما هو الزاوي CLI؟

يُطلق على Angular CLI أيضًا اسم أداة واجهة سطر الأوامر. يتم استخدامه لإنشاء تطبيقات Angular وتهيئتها وصيانتها. يمكن استخدام برنامج CLI من خلال واجهة مستخدم تفاعلية للغاية مثل Command Shell أو Angular Console.


69) شرح الأنابيب ذات المعلمات في AngularJS

في angularJS، يمكن أن تحتوي الأنابيب على أكثر من معلمة واحدة لضبط الإخراج الدقيق. يمكنك إنشاء أنبوب ذي معلمات عن طريق الإعلان عن الأنبوب باستخدام النقطتين (:) وقيم المعلمة. يمكن للمطور فصل قيم المعلمات المتعددة باستخدام النقطتين (:).


70) ما هو التوجيه؟

التوجيه هو وسيلة لدمج وجهات النظر المختلفة. تتخذ وحدة التحكم قرارًا بدمج وجهات النظر هذه بناءً على الاحتياجات المنطقية.


71) ماذا تقصد باختبارات الوحدات المعزولة؟

الاختبار المعزول هو عملية التحقق من مثيل الفئة دون استخدام أي قيم محقونة أو اعتماد زاوي. يساعدك على تنفيذ البرنامج بسهولة بالغة.


72) اسم وظائف الرسوم المتحركة DSL في AngularJS

وظائف الرسوم المتحركة DSL في AngularJS هي: 1) group ()، 2) الحالة ()، 3) الانتقال ()، 4) النمط ()، 5) الإطارات الرئيسية ()، 6) المشغل ()، 7) التسلسل ()، و 8) تحريك ().


73) ما هي وحدة AngularJS؟

في angularJS، الوحدة هي عملية لتجميع التوجيهات ومكونات الخدمات المرتبطة. يقوم بترتيبها بطريقة يمكن مزجها مع الوحدات الأخرى لإنشاء تطبيق.


74) ما هي الأنابيب في AngularJs؟

في الزاوية، توفر الأنابيب طريقة بسيطة لتحويل البيانات. يأخذ القيم مثل المصفوفات والأعداد الصحيحة والبيانات والسلاسل كمدخلات ويقسمها برمز الأنبوب (|). يقوم بتحويل البيانات بالتنسيق المطلوب. يعرض Pipes نفس الشيء في المتصفح. في angularJS، يوفر بعض الأنابيب المضمنة، ولكن يمكن للمطورين أيضًا تطوير الأنابيب الخاصة بهم.


75) شرح ViewEncapsulation في AngularJS

يحدد ViewEncapsulation ما إذا كانت الأنماط المحددة في مكون AngularJS ستؤثر على التطبيق بأكمله أم لا.

الاستعداد لمقابلة العمل الخاصة بك !!! اذهب عبر دروس AngularJS لنكون مستعدين بشكل أفضل.

سيساعدك هذا الاختبار التفصيلي لـ AngularJS على إزالة الشكوك حول أسئلة مقابلة AngularJS وسيساعدك أيضًا على اجتياز المقابلة.

ستساعد أسئلة المقابلة هذه أيضًا في حياتك (شفهي)