Introduction aux questions d'entrevue AngularJS pour les expérimentés

Angular JS est un framework introduit par Google qui aide à créer des applications web dynamiques. Il utilise HTML comme base à travers laquelle le développeur HTML peut coder efficacement.

Si vous recherchez un emploi lié à AngularJS, vous devez vous préparer aux questions d'entrevue d'AngularJS pour les expérimentés. Bien que chaque entretien soit différent et que la portée d'un travail soit également différente, nous pouvons vous aider avec les meilleures questions d'entrevue d'AngularJS pour les expérimentés, ce qui vous aidera à franchir le pas et à réussir votre entrevue.

Voici les questions d'entrevue AngularJS pour les expérimentés qui vous aideront à déchiffrer une interview sur Angular JS.

Partie 1 - Questions d'entrevue AngularJS pour expérimenté (de base)

Cette première partie couvre les questions d'entretien de base d'AngularJS pour les

1. Expliquez les différentes directives dans Angular JS.

Répondre:
Ces directives ne sont utilisées que lorsqu'un développeur souhaite étendre le comportement des éléments HTML et DOM. Ceux-ci ont un préfixe –ng qui indique au compilateur qu'un comportement spécifié doit être attaché à cet élément DOM. Les directives intégrées d'AngularJS sont les suivantes:
• ngBind,
• ngModel
• ngClass
• ngApp
• ngInit
• ngRepeat

Des directives définies par l'utilisateur peuvent également être créées pour être utilisées dans l'application et avec les contrôleurs et les services. Apprenons à connaître les directives ci-dessus en détail

  • ngApp: Cette directive est une directive importante dans Angular JS. Cette directive est utilisée pour marquer le début de l'application angulaire au compilateur HTML JS angulaire, comme la fonction main () dans n'importe quel langage de compilation comme C ++, Java, etc. Si cette directive n'est pas écrite en premier et que d'autres directives sont alors une erreur serait jeté.
  • ngInit: Il s'agit d'une directive utilisée pour initialiser les variables de données d'application. Ceux-ci peuvent être utilisés dans les blocs où ils sont déclarés. Il est local à ng-app et peut être une collection de valeurs.
  • ngModel: Cette directive est un modèle à utiliser dans les contrôles HTML comme. Il fournit un comportement de liaison avec les valeurs. Par conséquent, il est utilisé dans la liaison de données.
  • ngBind: Il est utilisé pour lier des variables de modèle avec des contrôles HTML et des balises HTML. Un utilisateur ne peut voir que les valeurs de sortie.
  • ngRepeat: Comme son nom l'indique, il est utilisé pour répéter les instructions HTML. Il fonctionne de la même manière qu'une boucle fonctionne dans des langages comme Java ou PHP.

2. Comment allez-vous démarrer Angular JS?

Répondre:
Chaque fois qu'un événement DOM Content Loaded est appelé Angular JS s'initialise de lui-même. Une autre façon pour ce processus d'initialisation est lorsqu'un script angular.js est téléchargé et que le document est prêt. C'est le moment où une directive ngApp est appelée qui agit comme la racine de la compilation et différencie la partie angulaire du DOM. Ce qui suit se produit lorsque ngApp est appelé. Le module associé à la directive sera chargé. Un injecteur d'application doit être créé et le DOM à partir de la directive doit être compilé. L'ensemble de ce processus est appelé amorçage automatique.

Passons aux prochaines questions d'entrevue AngularJS pour les expérimentés.

3. Qu'est-ce que jQLite? Écrivez un petit code pour expliquer.

Répondre:
Il s'agit d'une requête qui est construite directement dans Angular JS. Il est connu pour être un sous-ensemble de jQuery. jQLite fournit toutes les fonctionnalités de jQuery. jQuery peut être utilisé avec Angular JS en chargeant simplement la bibliothèque jQuery au préalable.





Click me

var app = angular.module('app', ());
app.controller("mainCtrl", function($scope, $element) (
$scope.clickme = function() (
var elem = angular.element(document.querySelector('#txtName'));
console.log(elem.val()) // console the value of textbox
);
));

4. Expliquez l'objet $ scope dans Angular JS. Expliquez avec un petit extrait.

Répondre:
Il s'agit d'un objet qui lie la vue à un contrôleur. Lorsqu'un contrôleur est appelé, les données sont accessibles via l'objet $ scope. L'objet DOM et le contrôleur peuvent utiliser cet objet et l'utiliser comme moyen de communication. Cet objet peut avoir à la fois des données et des fonctions. Chaque application Angular JS a un $ rootscope qui est créé sur la vue et a la directive ng-app.
L'objet scope aide à fournir des API pour observer n'importe quel modèle. C'est un médiateur entre la vue et le contrôleur, il peut être imbriqué. Mais être imbriqué ne donne pas accès à toutes les propriétés. Les propriétés peuvent être limitées et la portée imbriquée peut avoir une portée enfant ou une portée isolée. Il fournit également un contexte par rapport à l'expression à évaluer.


Angular JS Scope

AngularJS - Scope Inheritance


Angular JS Scope

AngularJS - Scope Inheritance


Angular JS Scope

AngularJS - Scope Inheritance

Nom du parent: ((parentName))


Prénom du premier enfant: ((level1name))

Nom du deuxième enfant: ((level2name))


Dans l'exemple ci-dessus, nous avons trois contrôleurs parent Controller, firstChildController et secondChildController. Les trois contrôleurs sont attachés aux éléments DOM de manière imbriquée. Les expressions seront associées à la portée actuelle et rechercheront ensuite la portée parent jusqu'à ce que le rotoscope soit atteint.

5. Qu'est-ce qu'un SPA dans Angular JS?

Répondre:
Les applications à page unique sont des pages dynamiques qui se trouvent charger une seule page HTML et la mettre à jour ultérieurement au fur et à mesure que l'utilisateur avance et interagit avec l'application. Cela ne signifie pas que ce comportement dynamique a un impact côté serveur. Ces pages sont chargées côté client. Les SPA utilisent AJAX et HTML pour créer des applications Web réactives.

Comme l'application est une seule page une fois qu'elle est livrée sur le navigateur, elle n'a pas besoin d'être chargée encore et encore car l'utilisateur naviguera vers différentes parties de l'application. Cela permet une navigation plus rapide et un fonctionnement efficace de la page Web.

Partie 2 - Questions d'entrevue AngularJS pour expérimenté (avancé)

Jetons maintenant un coup d'œil aux questions avancées de AngularJS pour les expérimentés.

6. Qu'est-ce que l'injection de dépendance?

Répondre:
Lorsque des objets sont passés en tant que dépendances et que, par conséquent, suppriment les dépendances codées en dur, les objets doivent être injectés. Le besoin d'injection de dépendance vient lorsque nous séparons la création et la consommation de dépendance. L'utilisation de cette fonctionnalité aide l'utilisateur à modifier les dépendances chaque fois que cela est nécessaire. En outre, des objets fictifs peuvent être injectés à des fins de test.

7. Que se passe-t-il lorsqu'un événement de double-clic est appelé?

Répondre:
En utilisant cet événement, le double-clic peut être personnalisé selon l'exigence.ng-dblclick peut être utilisé comme attribut en HTML. Le processus pour le personnaliser en ajoutant un fichier Angular.js externe. Une fois ce fichier externe téléchargé sur le site officiel d'Angular JS, le développeur peut ajouter le fichier à la section head du fichier HTML.

Passons aux prochaines questions d'entrevue AngularJS pour les expérimentés.

8. Expliquez les différentes manières dont une directive peut être invoquée.

Répondre:
Une directive peut être invoquée de quatre manières:

1) Comme attribut -
2) En tant que classe-
3) Comme élément-
4) Comme commentaire-

9. Que sont les filtres?

Répondre:
Les filtres aident à sélectionner un sous-ensemble d'éléments dans un tableau et à renvoyer un nouveau tableau. Ils peuvent être utilisés pour afficher des éléments filtrés en fonction des critères spécifiés. Les différents filtres fournis par Angular JS sont les suivants: devise, date, limitTo, minuscule, nombre, etc.

10. Quelle est la différence entre le préfixe $ et $$?

Répondre:
Quand un nom d'un objet est préfixé avec $ alors il est public et quand il est préfixé avec $$ alors l'objet est privé.

Article recommandé

Ceci a été un guide pour la liste des questions d'entrevue AngularJS pour expérimenté afin que le candidat puisse réprimer ces questions d'entrevue AngularJS pour expérimenté facilement. Vous pouvez également consulter les articles suivants pour en savoir plus -

  1. HTML5 vs Flash - En quoi ils sont différents
  2. 7 options de carrière utiles en finance dont vous n'êtes pas au courant
  3. Conseils sur la façon de s'habiller pour la réussite de votre carrière
  4. Guide pour atteindre vos objectifs de carrière
  5. Points pour des décisions de carrière réussies
  6. Bootstrap vs Jquery - En quoi ils sont différents

Catégorie: