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

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

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

1) ما هو AngularJS؟

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

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

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

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

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

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

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

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

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

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

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

الفرق الرئيسي بين Javaتعبيرات البرنامج النصي وتعبيرات الزاوية هي:

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

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

بإمكانك تهيئة مربع اختيار بالخيارات عند تحميل الصفحة باستخدام تعليمة 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 إنشاء مسارات مختلفة URLs لمحتوى مختلف في تطبيقك. مختلف URLتتيح هذه الميزة للمستخدم إمكانية وضع إشارات مرجعية على المحتوى المختلف URLs إلى محتوى محدد. كل منها قابل للإشارة المرجعية URL يُطلق عليه في AngularJS اسم المسار

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

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

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

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

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

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

فوائد AngularJS هي:

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

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

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

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

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

باستخدام واجهة برمجة تطبيقات المتصفح القياسية، يتم أولاً تحليل 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 هي:

نانوغرام- صالح
نانوغرام- غير صالح
نانوغرام البكر
نانوغرام القذرة

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

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

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

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

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

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

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

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

يتكون كل تطبيق angular من نطاق جذر واحد ولكن قد يكون له عدة نطاقات فرعية. نظرًا لأن وحدات التحكم الفرعية وبعض التوجيهات تنشئ نطاقات فرعية جديدة، يمكن أن يحتوي التطبيق على نطاقات متعددة. عند تكوين أو إنشاء نطاقات جديدة، يتم إضافتها كأطفال لنطاقها الرئيسي. كما أنها تنشئ بنية هرمية مشابهة لـ DOM.

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

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

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

تم تطوير AngularJS بواسطة آدم أبرونز وميسكو هيفري. ويتم تطويره حاليًا بواسطة Google.

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

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

الخطوة 1 : بما في ذلك AngularJS Javaسكربت في صفحة 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 كما هو موضح في المثال التالي:

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

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

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

<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) شرح استخدام حدث النقر المزدوج في AngularJS

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

<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: لاسترداد البيانات من الخادم بالطريقة التالية:

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

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

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

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

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

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

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

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

<! 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 واحد يشترك بين مكونات أخرى. وهو يحتوي على توجيه ng-app. وتُسمى النطاقات الأخرى بنطاقاته الفرعية. ويمكنه مراقبة التعبيرات وكذلك نشر الأحداث.

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

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

<!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، Javaيتناسب النص البرمجي و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 التي تعد جذر تجميع تطبيق Angular. عندما يتم العثور على تعليمة ng-app، يقوم AngularJS بالخطوات التالية:

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

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

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

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

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

1) المشغل ()

2) التعبير()

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

تعد دورة الملخص جزءًا مهمًا من ربط البيانات في AngularJS، والتي يقارن بين الإصدار القديم والجديد لنموذج النطاق. يتم تشغيل دورة التلخيص تلقائيًا أو يدويًا باستخدام الدالة $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 Material هو تطبيق لمواصفات تصميم المواد (Material Design Specification). Google. يوفر مجموعة من مكونات واجهة المستخدم التي تم اختبارها جيدًا والقابلة لإعادة الاستخدام لمبرمج AngularJS.

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

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

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

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

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

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

57) تعريف ECMAScript

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

58) ما هو ملف Tracمُجمِّع يورو؟

Tracاليورو هو Javaمُجمِّع نصوص برمجية يستخدم الفئات والمولدات والميزات الأخرى من ECMAScript.

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

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

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

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

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

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

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

Angular AOT (Ahead of Time) هو مترجم يقوم بتحويل HTML الزاوي والتعليمات البرمجية المكتوبة إلى Javaكود البرنامج النصي.

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

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

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

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

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

يتيح التضمين في AngulaJS للمطورين إعادة تخصيص أبناء التوجيه الأصلي في موقع محدد داخل قالب. يُظهر التوجيه ng نقطة الإدراج لـ DOM المضمن لأقرب توجيه رئيسي، والذي يستخدم التضمين. تُستخدم توجيهات 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 وسيساعدك أيضًا على اجتياز المقابلة.

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