Top 100 des questions et réponses d'entrevue angulaire

2 janvier 2022

Vous préparez-vous pour un entretien Angular ? Avez-vous un entretien Angular prévu? Êtes-vous à la recherche des questions et réponses les plus fréquemment posées lors des entretiens angulaires ? Alors vous êtes sur le bon article. Nous avons répertorié les questions et réponses les plus fréquemment posées lors des entretiens avec Angular. Assurez-vous de parcourir tout le blog afin de ne manquer aucune des questions.

Tout d'abord, qu'est-ce qu'Angular ? Angulaire est un cadre d'application Web développé par Google. Il s'agit d'un framework d'application Web open source basé sur des scripts. Angular est une plate-forme axée sur la création d'applications Web de bureau mobiles.

Table des matières



Top 100 des questions et réponses d'entrevue angulaire

1. Expliquez ce que vous savez sur Angular ?

Angular est une plate-forme Web et un cadre conçu pour créer des applications clientes d'une seule page en utilisant HTML et dactylographié. Angular est écrit sous forme de tapuscrit. Angular implémente ses fonctionnalités principales et facultatives sous la forme d'un ensemble de bibliothèques de scripts dactylographiés importées dans les applications.

2. Pouvez-vous expliquer l'architecture d'Angular ?

Questions et réponses d'entrevue angulaire - Architecture angulaire

Par Google - https://angular.io/docs/dart/latest/guide/architecture.html,
CC BY 4.0, https://commons.wikimedia.org/w/index.php?curid=51329241

Angular est un cadre appliqué pour créer des applications basées sur le client en HTML. Le framework Angular se compose de différentes bibliothèques. Où certains d'entre eux sont essentiels et certains d'entre eux sont facultatifs.

L'architecture angulaire définit huit blocs de construction principaux, tels que :

Modules: Angular a un module racine appelé le module App, qui fournit le mécanisme d'amorçage et est responsable de son lancement. Et ce module App contient de nombreux modules fonctionnels.

Composants: Chaque projet Angular a un composant appelé composants racine, et cela se connecte à la hiérarchie des composants avec une page DOM (Document Object Model). Ici, chaque composant spécifie une classe composée de la logique et des données d'application, qui est associée au modèle HTML qui définit la vue à afficher dans l'application cible. Ici, le composant contrôle la partie d'un écran appelée vue.

Modèles : Les modèles Angular sont définis pour combiner le HTML avec le balisage Angular qui peut être utilisé pour modifier les éléments HTML avant d'être affichés. Les directives de modèle vous fourniront la logique du programme et les balises de liaison qui vous permettront de connecter les données d'application au DOM.

Métadonnées : Les métadonnées dans Angular indiquent comment traiter une classe. Les métadonnées décorent la classe pour configurer le comportement attendu de la classe. Nous utilisons les métadonnées d'une classe pour indiquer l'application Angular, que le composant de l'application est le composant. Les métadonnées sont attachées à l'aide d'un décorateur au texte dactylographié.

Liaison de données : La liaison de données dans Angular communique entre le modèle et ses composants. Il est également utilisé pour communiquer entre les composants parent et enfant. Angular nous permet également de définir la communication entre un composant et un DOM en en faisant une application interactive.

Directives : Les directives sont définies comme les blocs de construction des applications angulaires. Angular a de nombreuses directives intégrées.

Prestations de service: Dans Angular, nous créons une classe de service pour les données ou la logique qui ne sont pas liées à une vue spécifique, et vous souhaitez partager les données entre les composants. Les composants et les services sont différenciés par Angular pour augmenter la réutilisabilité et la modularité.

Injection de dépendance : L'injection de dépendances dans Angular maintient l'efficacité de vos classes de composants. L'injection de dépendance délègue des tâches aux services au lieu de récupérer les données du serveur et de valider les entrées de l'utilisateur.

3. Pouvez-vous expliquer la différence entre les annotations et les décorateurs dans Angular ?

RemarquesDécorateurs
Le compilateur traceur utilise des annotations.Le compilateur dactylographié utilise des décorateurs.
Des annotations d'attribut sont créées pour stocker le tableau.Les décorateurs sont définis comme les fonctions qui récupèrent l'objet qui doit être décoré.
Les annotations sont codées en dur.Les décorateurs ne sont pas codés en dur.

4. Qu'est-ce que le cycle de digestion ? Expliquer?

Le cycle de résumé dans Angular est défini comme la surveillance des listes de surveillance pour suivre la valeur de la variable de surveillance de la variable de surveillance. Le processus de digestion est généralement déclenché implicitement, mais il existe également une option pour l'activer manuellement à l'aide de la fonction $Apply().

5. Pouvez-vous nous dire quelle est la dernière version d'Angular ? Quelles sont les nouvelles fonctionnalités qu'il contient ?

Angular 8 est la dernière version.

Certaines des fonctionnalités d'Angular Eight sont répertoriées ci-dessous:

  1. Angular 8 prend en charge le tapuscrit 3.4.
  2. Angular 8 a le chargement différentiel pour le code d'application.
  3. Angular Eight est amélioré par la taille de la charge utile, la compatibilité. Il a facilité le débogage, accéléré le temps de reconstruction, etc.
  4. Angular 8 a une importation dynamique pour les itinéraires paresseux.
Voir également Top 100 des questions et réponses d'entrevue Ansible

6. Expliquer le module BootstrApping dans Angular ?

Dans Angular, le module racine qui est amorcé pour lancer l'application est appelé module d'amorçage. Chaque application Angular possède ce module d'amorçage. Le module d'amorçage est également appelé AppModule.

7. Nommez les différents filtres pris en charge par Angular ?

Les différents filtres supportés par Angular sont :

Nom du filtreSpécification ou description
MajusculeIl convertit la chaîne en majuscule.
MinusculeIl convertit la chaîne en minuscules.
DateIl convertit la 'date' dans le format spécifié.
Commandé parIl ordonne un tableau par expression spécifique ou définie.
NombreIl formate le nombre dans une chaîne.
DeviseIl convertit le nombre au format monétaire donné.
Limite àIl limite le tableau au nombre spécifié.
JSON Il convertit l'objet de format en une chaîne JSON.

8. Expliquer l'itinéraire générique ?

L'itinéraire générique dans Angular est défini comme le chemin contenant deux astérisques ('*') pouvant correspondre à n'importe quelle URL donnée. Il est utile lorsque l'URL donnée ne correspond à aucune des routes prédéfinies. Nous pouvons utiliser la route générique au lieu de générer une erreur et définir le composant spécifié.

9. Qu'est-ce qu'un composant dans Angular ?

Le composant dans Angular est défini comme un morceau de code logique. Le composant contient

  1. Le modèle contient le code HTML ou l'URL qui doit être rendu.
  2. Classe pour définir les propriétés et les méthodes qui doivent prendre en charge la vue.
  3. Les métadonnées sont définies à l'aide d'un décorateur.

Questions et réponses d'entrevue angulaires

10. Quels sont les états de transition spéciaux dans Angular ?

Les états de transition spéciaux dans Angular sont Wildcard (*) et void.

  1. Ici, le caractère générique peut correspondre à n'importe quel état de transition.
  2. L'état vide ici est utilisé pour configurer la transition pour les éléments qui entrent ou sortent d'une page.

11. Nommez les différents types de compilations dans Angular ?

Les deux types de compilations dans Angular sont :

  1. AOT (à l'avance)
  2. Juste à temps (juste à temps)

12. Expliquez Package.json et son objectif ?

C'est facile de gérer le projet dépendances à l'aide des packages JSON. Package.json nous permet de spécifier des détails comme la version, la langue, etc. Par exemple, lorsque nous utilisons du tapuscrit dans notre projet, nous sommes autorisés à mentionner le tapuscrit et sa version.

Quelques exemples sont tsconfig.json, metadata.json, etc.

13. Expliquer les modèles dans Angular ?

Les modèles angulaires sont une vue HTML, où les contrôles de liaison peuvent afficher les données dans les propriétés du composant angulaire. Les modèles peuvent être définis à l'aide de la propriété :

Modèle : Mon modèle sample1

Les modèles peuvent également être appelés à partir d'un fichier HTML différent à l'aide de la propriété URL du décorateur @Component : templateUrl : 'App/App.component.html.'

14. Pouvez-vous expliquer ce qu'est Angular CLI ? Comment l'utilisez-vous?

Angular CLI est utilisé pour automatiser le processus de développement de bout en bout. Avec la CLI angulaire, l'initialisation, la configuration et le développement de l'application deviennent très faciles et simples. Avec l'aide de l'interface de ligne de commande (CLI), nous pouvons créer de nouveaux projets, ajouter de nouvelles fonctionnalités, tests unitaires , et les tests de bout en bout en tapant quelques commandes. Avec l'aide d'Angular CLI, le développement et les tests sont devenus plus rapides.

15. Pouvez-vous nous dire si le module de routage est obligatoire pour une application ?

Selon la documentation de la route angulaire, il est obligatoire d'utiliser une route avec les composants.

16. Pouvez-vous expliquer ce que sont les décorateurs de classe dans Angular ?

Les décorateurs de classe dans Angular sont constitués des métadonnées du type de classe approprié. Les décorateurs de classe apparaissent avant la définition de classe et déclarent que la classe est d'un type spécifique. Quelques exemples de décorateurs de classe sont @pipe, @component, @Injectable, @NgModule.

17. Pouvez-vous expliquer quelles sont les directives dans Angular et nommer les directives les plus couramment utilisées dans Angular ?

À l'aide des directives angulaires, les développeurs peuvent écrire des syntaxes HTML personnalisées spécifiques à l'application. Le nouveau langage est maintenant écrit dans le DOM. Chaque fois qu'une nouvelle syntaxe HTML est trouvée, le compilateur Angular exécute les fonctions de directive.

Nous avons quatre types de directives dans Angular, à savoir.

  1. Directive d'attribut
  2. Directive composant
  3. Directive structurelle.
  4. Directive personnalisée

Les directives les plus couramment utilisées sont répertoriées ci-dessous :

  1. du modèle
  2. de-App
  3. de liaison
  4. de répétition
  5. du spectacle

18. Expliquez ce qu'est un tuyau en angulaire ? Écrire un code simple pour démontrer ?

Pipe(|) dans Angular est utilisé pour transformer les données d'entrée dans le format donné souhaité.

Exemple

Le coût est de { devise }

19. Différencier Angular et Angular JS ?

AngulaireJavaScript angulaire
Angular est un tapuscrit open-source créé par google.Angular JS est un javascript open source pour développer des SPA.
Les développeurs front-end utilisent un framework Angular pour présenter et manipuler efficacement les données. développeurs web utilisez-le pour concevoir des applications Web.
Angular utilise des composants et des directives en termes d'architecture.Il prend en charge la conception du contrôleur de vue modèle.
Angular est écrit dans le langage dactylographié de Microsoft.AngularJS est écrit en Javascript.
Il prend en charge les navigateurs mobiles.Il ne prend pas en charge les navigateurs mobiles.
Il utilise l'injection de dépendances.Il n'utilise pas l'injection de dépendance.

20. Expliquez les différences entre AOT et JIT ?

AOAT Juste à temps
AOT signifie compilateur d'avanceJIT signifie compilateur juste à temps
Il génère un tapuscrit.Il génère du Javascript.
AOT compile l'application au moment de la construction sur le serveur.JIT compile l'application dans le navigateur au moment de l'exécution.
Il est utilisé en mode production.JIT est utilisé en mode développement.

Questions et réponses d'entrevue angulaires

21. Énumérer les différences entre composant et directive dans Angular ?

ComposantDirectif
Les composants peuvent accéder aux données uniquement dans la portée.Les directives peuvent modifier des données qui sont hors de portée.
Nous utilisons l'annotation @component pour enregistrer un composant.L'annotation @Directive est utilisée pour enregistrer une directive.
Chacun des éléments DOM ne peut spécifier qu'un seul composant.Nous pouvons avoir n'importe quel nombre de directives dans un élément DOM.

22. Expliquez le module AngularJS ?

Un module Angular JS est utilisé pour définir une application, et c'est un conteneur pour différentes parties de l'application. C'est également le conteneur des contrôleurs d'application. Le module Angular JS est un conteneur pour diverses parties d'une application comme le contrôleur, les directives, le service, les filtres, les usines, etc.

23. Expliquer les contrôleurs dans Angular ?

Les applications JS angulaires s'appuient sur les contrôleurs pour contrôler le flux de données dans l'application. Dans AngularJs, nous définissons un contrôleur en utilisant le ng. Instruction du contrôleur. Un contrôleur peut être défini comme un objet javascript composé d'attributs, de propriétés et de fonctions.

24.Pouvez-vous expliquer les caractéristiques des formulaires en angulaire ?

Les applications utilisent les formulaires pour permettre aux utilisateurs de se connecter, de saisir des données sensibles, de mettre à jour un profil utilisateur et d'effectuer de nombreuses autres tâches de saisie de données. Il existe deux manières de gérer les données de formulaire, c'est-à-dire les entrées de l'utilisateur, à savoir réactives et pilotées par des modèles.

  1. Ici, les deux approches capturent les événements d'entrée de l'utilisateur à partir de la vue.
  2. Ils valident tous les deux les entrées de l'utilisateur,
  3. Ils créent tous les deux un formulaire et un modèle de données à mettre à jour
  4. Ils permettent de suivre les changements.

Formes réactives dans Angular fournissent un accès direct et explicite au modèle d'objet de formulaire sous-jacent donné. Ces formes réactives sont plus robustes, évolutives, réutilisables et testables. Utilisez des formulaires réactifs si vos formulaires sont une partie essentielle de l'application.

Formulaires basés sur des modèles dans Angular sont les formulaires qui s'appuient sur des directives de modèle pour créer et manipuler le modèle d'objet sous-jacent. Les formulaires basés sur des modèles sont utiles pour ajouter un formulaire simple à une application, comme un formulaire d'inscription par e-mail. Ces formulaires sont faciles à ajouter à une application et ne sont pas évolutifs en tant que formulaires réactifs. Vous pouvez opter pour des formulaires basés sur des modèles lorsque vous avez une exigence de formulaire fondamentale, et la logique donnée peut être maintenue uniquement par des modèles.

25. Pouvez-vous expliquer les crochets du cycle de vie ?

Les hooks de cycle de vie dans Angular sont définis comme un ensemble de processus qu'un Angular traverse du début à la fin.

par OnChangesAngular appelle cette méthode lorsque la valeur de la propriété liée aux données change
ngOfInitCette méthode est invoquée par Angular chaque fois qu'une initialisation de composant ou de directive a lieu.
ngDoCheckCette méthode est appelée pour détecter et effectuer des actions qu'Angular ne fait pas par lui-même.
ngAfterContentInitAngular appelle cette méthode en réponse aux projets Angular, sur un contenu externe dans la vue du composant.
ngAfterContentCheckedCette méthode est appelée en réponse après que Angular vérifie le contenu projeté dans le composant.
ngAfterViewInitCette méthode est provoquée en réponse à l'initialisation angulaire des vues et des vues enfants du composant.
ngAfterViewCheckedCette méthode est invoquée en réponse à Angular qui vérifie la vue et la vue enfant du composant.
ngOn DétruireCeci est appelé par Angular pour nettoyer après qu'un Angular ait détruit un composant ou une directive.

26. Pouvez-vous nous dire comment les métadonnées sont représentées dans Angular ?

Les métadonnées dans Angular sont représentées à l'aide de décorateurs tels que

  1. Décorateurs de classe
  2. Décorateurs immobiliers
  3. Décorateurs de méthodes
  4. Décorateurs de paramètres

27. Pouvez-vous expliquer quelques avantages de l'utilisation d'Angular ?

Certains des avantages de l'utilisation d'Angular sont énumérés ci-dessous :

  1. Il prend en charge la liaison de données bidirectionnelle.
  2. Il prend en charge à la fois la syntaxe de modèle et les validations.
  3. Il nous permet d'ajouter des animations, des services et des directives personnalisés.
  4. Angular fournit un processus de gestion des événements transparent.
  5. Angular fournit des communications client-serveur et reposant prestations de service.
  6. Il applique une structure d'injection de dépendance hiérarchique.

28. Expliquer la liaison de données dans AngularJS ?

La liaison de données dans AngularJs est définie comme la synchronisation automatique des données entre les composants du modèle et de la vue.

29. Nommez les types de liaisons de données dans Angular ? Expliquer?

Il existe quatre types de liaisons de données dans Angular, à savoir,

  1. Interpolation de chaîne
  2. Liaison de propriété
  3. Liaison d'événement
  4. Reliure bidirectionnelle

30. Différencier la reliure unidirectionnelle et la reliure bidirectionnelle ?

Reliure à sens uniqueReliure bidirectionnelle
Il est utilisé pour lier les données du modèle à afficher.La liaison bidirectionnelle lie les données du modèle à l'affichage et l'affichage au modèle.
Le flux de données est unidirectionnel.Ici, le flux de données est bidirectionnel.
Chaque fois que les données sont modifiées dans le composant, la nouvelle valeur est mise à jour dans la vue.La directive Ng-model est utilisée pour créer la liaison bidirectionnelle.

31. Pourquoi un client HTTP est-il important ?

Dans les applications angulaires, le client HTTP est une version simplifiée de l'API HTTP. Le client HTTP permet de meilleurs mécanismes de gestion des erreurs, l'interception des requêtes et des réponses, des API observables, des requêtes typées et des objets de réponse.

Voir également Top 100 des questions et réponses d'entrevue JavaScript

Questions et réponses d'entrevue angulaires

32. Pouvez-vous s'il vous plaît expliquer les différentes fonctionnalités d'Angular ?

Les différentes fonctionnalités d'Angular sont listées ci-dessous :

  1. Angular vous permet de créer des applications accessibles en utilisant des composants compatibles ARIA et des guides développés.
  2. Outils d'interface de ligne de commande de support angulaire. Qui sont utilisés pour l'ajout de composants, le déploiement instantané, les tests, etc.
  3. Angular utilise son API intuitive, qui vous permet de créer des animations complexes et performantes avec moins de code.
  4. Prise en charge angulaire multiplateforme Développement d'applications . Il peut être utilisé pour créer des ordinateurs de bureau efficaces et puissants et progressifs. les pages Web .
  5. Angular peut convertir des modèles en code hautement optimisé, qui est utilisé pour le javascript moderne machines virtuelles .
  6. Le routeur de composants angulaires dispose de l'option de fractionnement automatique du code afin que seul le code requis soit chargé.
  7. Angular a des éditeurs de code source et des IDE qui offrent la complétion de code, des erreurs instantanées, etc.
  8. Angular propose des conceptions de modèles simples et puissantes qui vous permettent de créer une interface utilisateur.
  9. Angular a sa façon de tester fréquemment en utilisant le karma.

33. Expliquez l'architecture MVVM ?

L'architecture MVVM est conçue de manière à supprimer le couplage étroit entre les composants. L'architecture comporte principalement trois parties.

  1. Modèle
  2. Voir
  3. Voir le modèle

Le modèle définit les données et la logique métier d'une application. En termes simples, le modèle consiste en la structure d'une entité.

La vue représente la couche visuelle de l'application. Il se compose principalement du code de l'interface utilisateur, il est responsable de l'envoi des actions de l'utilisateur au ViewModel et, à son tour, il ne reçoit aucun retour du modèle de vue.

Le modèle de vue représente la couche abstraite d'une application, qui agit comme un pont de connexion entre la vue et le modèle. Les modèles de vue et de vue sont interconnectés avec la liaison de données. Par conséquent, si des modifications sont apportées à la vue, le modèle de vue note les modifications et met à jour le modèle avec de nouvelles données.

34. Expliquer l'interpolation de chaîne dans Angular ?

L'interpolation de chaîne dans Angular est appelée un type particulier de syntaxe, qui utilise des expressions de modèle pour afficher les données du composant. Les expressions de modèle utilisées sont entourées de {{}} (doubles accolades).

Ici, les expressions javascript qui doivent être exécutées par Angular doivent être ajoutées entre les accolades et la sortie est intégrée dans le code HTML.

35. Pouvez-vous faire la différence entre Angular et Jquery ?

AngulaireJQueryName
Angular est basé sur le tapuscrit et constitue un cadre de développement frontal.C'est une bibliothèque basée sur Javascript.
Angular est utilisé pour créer des applications d'une seule page. JQueryName est principalement utilisé pour les manipulations DOM.
Il convient aux grands projets complexes.Il est conseillé pour les projets de petite taille.
C'est relativement complexe.C'est très simple et facile à apprendre,
Il prend en charge la liaison bidirectionnelle.Il prend en charge la liaison unidirectionnelle.

36. Expliquez l'encapsulation des vues et de combien de manières pouvons-nous y parvenir ?

L'encapsulation de la vue dans Angular détermine si les styles définis dans un composant spécifique affectent l'ensemble de l'application.

Angular prend en charge trois types d'encapsulation, à savoir,

    Émulé :Ici, les styles du HTML communiquent avec le composant. Les styles définis dans le décorateur @component du composant sont limités à ce composant spécifié uniquement.Originaire de: Ici, les styles issus du HTML ne communiquent pas avec le composant.Rien: Ici, les styles du composant communiquent avec le HTML et sont donc visibles pour tous les composants de la page.

37. Pouvez-vous expliquer pourquoi Angular a été introduit en tant que framework côté client ?

Pour développer des sites Web dynamiques, les développeurs ont utilisé les traditionnels VanillaJS et JQuery. Il était difficile pour les programmeurs de maintenir un tel code, car le site Web devenait plus complexe avec des fonctionnalités et des fonctionnalités supplémentaires. Il n'y avait aucun moyen de traitement des données à travers les vues par Jquery.

Pour résoudre ces problèmes, Angular a été construit, ce qui facilite la tâche des développeurs en divisant le code en petits éléments d'information appelés composants dans Angular. Le framework côté client permet développement du web le plus avancé applications telles que SAP.

38. Pouvez-vous expliquer l'injection de dépendances dans Angular ?

L'injection de dépendances dans Angular est un modèle de conception d'application et constitue les concepts de base d'Angular. Les dépendances dans Angular peuvent être définies comme des services dotés de fonctionnalités spécifiques. Les différents composants et directives d'Angular peuvent avoir besoin de ces fonctionnalités du service. Ici, Angular fournit un processus fluide dans lequel les dépendances sont injectées dans les directives et les composants.

39. Expliquez les avantages des compilations AOT ?

Une application angulaire doit être compilée avant de s'exécuter dans le navigateur car l'application angulaire contient des composants et des modèles spécifiques qu'un navigateur ne peut pas comprendre. Le compilateur Angular prend le code JS, et il compile et produit du code JS connu sous le nom de compilation AOT. Cela se produit pour chaque application par utilisateur et par occasion.

Quelques avantages de la compilation AOT sont énumérés ci-dessous :

  1. Rendu rapide : Le navigateur charge le code exécutable et l'affiche immédiatement au fur et à mesure que l'application est compilée avant de s'exécuter dans le navigateur.
  2. Il a moins de requêtes Ajax : ici, le compilateur élimine les requêtes AJAX pour le fichier source en envoyant le fichier HTML et CSS externe avec l'application.
  3. Il minimise les erreurs : Il facilite la détection et la gestion des erreurs pendant la phase de construction.
  4. Il renforce la sécurité : le compilateur AOT ajoute le code HTML et les modèles dans le fichier JS avant que l'application ne s'exécute dans le navigateur. Par conséquent, il n'y a pas de fichier HTML supplémentaire à lire. Par conséquent, il offre une meilleure sécurité à l'application.

40. Pourriez-vous expliquer la différence entre les expressions angulaires et les expressions JavaScript ?

Expressions de script angulairesExpressions JavaScript
Les expressions angulaires sont évaluées par rapport aux objets de portée.Les expressions Javascript sont évaluées par rapport à la fenêtre globale.
Ici, les évaluations d'expressions pardonnent null et undefined.Les expressions ici essaient d'évaluer les propriétés indéfinies et génèrent des erreurs.
Les instructions de flux de contrôle telles que les boucles ne sont pas autorisées dans cette expression.Les instructions de flux de contrôle telles que les boucles peuvent être utilisées avec des expressions javascript.
Ils ne permettent pas la déclaration de fonction.Les expressions JavaScript autorisent les déclarations de fonction.
Ici, vous ne pouvez pas utiliser d'opérateurs au niveau du bit ou vides.Les expressions JavaScript peuvent utiliser des opérateurs au niveau du bit ou vides.
Les expressions angulaires peuvent fonctionner avec les filtres.Les expressions JavaScript ne peuvent pas fonctionner avec des filtres.
Les expressions de script angulaires permettent une liaison unique.Ici, les expressions JavaScript n'autorisent pas la liaison unique.

Questions et réponses d'entrevue angulaires

41. Pouvez-vous indiquer certains avantages d'Angular par rapport à d'autres frameworks ?

Quelques-uns des avantages d'Angular par rapport aux autres frameworks sont énumérés ci-dessous :

Architecture MVC  : L'architecture MVC établit les bases de fonctionnalités telles que la liaison de données et les étendues. L'architecture attache de la valeur au framework lors de la création des applications côté client. L'architecture MVC a permis d'isoler la logique de l'application de l'interface de l'interface utilisateur, prenant en charge la séparation des préoccupations.

Modules : Angular comprend des modules, qui sont un processus de regroupement de directives, de tuyaux, de composants et de services complémentaires, et ils peuvent être combinés avec d'autres modules pour créer une application.

Services et injection de dépendances : Angular a l'injection de dépendances, un modèle de conception utilisé pour remplir les dépendances. Il répartit la tâche entre différents services. L'injecteur angulaire crée des instances de service et les injecte dans des composants et des services.

Directives personnalisées : Dans Angular custom, les directives améliorent la fonctionnalité HTML, qui convient à l'application cliente dynamique. Certains d'entre eux sont ngModel, ngClass, ngStyle.

Manuscrit : Angular est écrit en tapuscrit, qui est un sur-ensemble de javascript. Le code est compilé en javascript et élimine les erreurs courantes lors du codage.

42. Expliquez les fonctionnalités d'Angular 6 sur Angular 5 ?

Voici les fonctionnalités d'Angular 6 sur Angular 5 :

Éléments angulaires : Le package d'éléments angulaires dans Angular 6 nous permet de créer un élément angulaire et de le publier en tant que composant Web qui sera ensuite utilisé dans la page HTML. C'est un bon choix pour développer des applications d'une seule page.

Rendu de lierre : Ivy se concentre sur l'amélioration de la vitesse, la réduction de la taille et augmente la flexibilité en réduisant la taille de l'application et en accélérant la compilation. Cette fonctionnalité essentielle réduit la taille du code en compressant le code.

Compilateur de fermeture : Il est utilisé pour créer des modules Javascript pour les applications Web Google. Il génère des bundles plus petits et élimine le code mort.

Kit de développement de composants : Il dispose d'un kit de développement de composants qui comprend plus de 30 composants d'interface utilisateur. Le CDK nous permet de créer notre propre bibliothèque de composants d'interface utilisateur en utilisant Angular Material. Il élimine les bibliothèques telles que la mise en page Flex, l'apprentissage de la grille CSS en prenant en charge les mises en page de conception Web réactives.

Travailleur des services : Le script qui s'exécute dans le navigateur Web et gère le cache pour chaque application.

Ng Ajouter : La commande ngAdd dans la CLI angulaire vous permet de télécharger et d'installer de nouveaux packages.

Mettre à jour: L'équipe Angular ajoute celui-ci pour permettre aux utilisateurs de passer d'Angular 5 à Angular 6.

Trois étapes doivent être suivies par la mise à jour :

  1. Mettre à jour @Angular/CLI
  2. Mettez à jour vos packages de framework Angular
  3. Mettre à jour les autres dépendances

Améliorations des performances d'animation : L'Angular6 est mis à jour avec de nouvelles améliorations des performances d'animation. Il n'y a pas besoin de polyfill d'animation Web.

Voir également Top 100 des questions et réponses d'entrevue Ansible

Secouage des arbres : Ils ont déplacé les services de référencement de modules vers les modules de référencement de services, ce qui rend l'application plus petite.

43. Pouvez-vous expliquer comment fonctionnent les routes AngularJS ?

Les itinéraires dans AngularJS permettent au développeur de créer différentes URL pour différents contenus dans l'application. Maintenant, les différentes URL pour les différents contenus disponibles nous permettent de mettre en signet des URL spécifiques à chaque contenu. Les URL pouvant être mises en signet dans AngularJS sont appelées routes.

44. Pouvez-vous expliquer les étapes du processus de compilation de HTML ?

La compilation du HTML se produit comme indiqué ci-dessous :

  1. Le HTML est analysé dans le DOM à l'aide de l'API de navigateur standard.
  2. Ensuite, la méthode $compile() est appelée pour la compilation du DOM. Cette méthode parcourt le DOM et correspond aux directives spécifiques.
  3. Ensuite, vous devez lier le modèle à une portée en appelant la fonction de liaison spécifique qui a été renvoyée à l'étape précédente.

45. Pouvez-vous expliquer la fonction de liaison et ses types dans Angular ?

La fonction de lien dans Angular traite de la combinaison de la portée DOM, et la fonction de lien est responsable de l'enregistrement des écouteurs DOM et de la mise à jour du DOM. Nous avons deux types de fonctions de liaison, à savoir les fonctions de pré-liaison et de post-liaison.

    Fonction de pré-liaison :Cette fonction est exécutée avant que les éléments enfants ne soient liés. Cette fonction n'est pas un moyen sûr pour les transformations DOM.Fonction de post-liaison :Cette fonction est exécutée après que les éléments enfants sont liés. Il est considéré comme un moyen sûr d'effectuer une transformation DOM.

46. ​​Pouvez-vous différencier lien et compilation dans AngularJS ?

LienCompiler
Le lien est utilisé pour enregistrer les écouteurs DOM.La fonction de compilation est principalement utilisée pour la manipulation du modèle DOM.
Il combine les directives dans le champ d'application et produit une vue en direct.Il parcourt le DOM et collecte toutes les directives.

47. Expliquez les caractéristiques de la portée ?

Les caractéristiques du périmètre sont les suivantes :

  1. Scope fournit des API pour observer les mutations du modèle.
  2. La portée est utilisée pour propager toutes les modifications de modèle à travers le système dans la vue.
  3. Une étendue peut hériter des propriétés de son étendue parent. Les étendues peuvent être imbriquées pour isoler les composants de l'application dans Angular.
  4. La portée donne le contexte dans lequel les expressions sont évaluées.

48. Expliquez la fonction d'usine dans AngularJS ?

La méthode d'usine dans AngularJS est utilisée pour créer des directives. La fonction de fabrique est invoquée ou appelée uniquement lorsque le compilateur correspond à la directive. Vous pouvez utiliser $ injecteur. Appelez pour appeler la méthode de fabrique.

49. Pouvez-vous nommer la personne qui a créé AngularJS ?

Adam Abrons et Misko Hevery ont développé AngularJS.

50. Pouvez-vous expliquer le style Form que ngModel ajoute aux classes CSS ?

NgModel ajoute ce qui suit aux classes CSS pour permettre le style de formulaire.

  1. de-valide.
  2. de-invalide
  3. de vierge
  4. de sale

51. Pouvez-vous expliquer les différences entre Angular.JS et Backbone.js ?

Angulaire.jsBackbone.js
C'est un cadre.C'est une bibliothèque légère et facile à utiliser.
Il peut s'agir d'un système d'interface utilisateur en JS basé sur le tapuscrit.Basé sur le modèle MVC, il peut s'agir d'un système d'interface utilisateur en JS.
Il crée des pages Web dynamiques.Il donne des fonctionnalités d'occasion personnalisées aux pages Web.
Google le maintient.Backbone.js est sous licence MIT.

52. Expliquer le filtre de tri dans AngularJS ?

Le filtre Trier par classe les tableaux en fonction de critères spécifiques.

L'exemple ci-dessous indique comment utiliser la commande par

|__+_|

53.Pouvez-vous expliquer les utilisations des événements de double-clic dans AngularJS ?

Un événement de double-clic permet à l'utilisateur de spécifier des comportements personnalisés en double-cliquant avec la souris sur une page Web.

54. Expliquez non contraignant dans AngularJS ?

Ng-non-bindable spécifie à AngularJS de ne pas compiler l'élément HTML et ses nœuds enfants correspondants. Par example:

55. Pouvez-vous expliquer les directives ng-click dans Angular avec un exemple ?

Les directives Ng-click dans Angular sont utilisées dans des scénarios comme lorsque vous voulez cliquer sur le bouton pour effectuer une opération.

Exemple:

|__+_|

56. Pouvez-vous expliquer l'utilisation de $routeProvider ?

$routeProvider dans Angular définit la configuration de l'URL, et il est utilisé pour mapper le ng-template ou la page HTML associée, et il attache le contrôleur avec le même.

57. Pourquoi utilisons-nous ng-include dans AngularJs ?

Ng-include nous aide à intégrer toutes les pages HTML dans une seule page HTML.

Par example:

|__+_|

58. Nommez les fonctions communes de l'API Global Angular ?

Certaines des fonctions API globales couramment utilisées sont répertoriées ci-dessous :

    Angular.isString :Cette fonction renverra vrai uniquement si la référence donnée est de type chaîne.Angulaire.minuscule :Il est utilisé pour convertir n'importe quelle chaîne en minusculesAngulaire. Majuscule:Il est utilisé pour convertir n'importe quelle chaîne en majuscule.Angular.isNumber :Cette fonction renvoie true uniquement si la référence est une valeur numérique ou un nombre.

59. Pouvez-vous expliquer comment vous pouvez définir, obtenir et effacer les cookies dans Angular ?

Nous utilisons les méthodes suivantes pour définir, obtenir et effacer les cookies dans Angular :

  1. $cookies. La méthode put() est utilisée pour définir les cookies.
  2. $cookies. La méthode get() est utilisée pour récupérer les cookies.
  3. $cookies. La méthode Remove est utilisée pour supprimer les cookies dans Angular.

60. Pouvez-vous citer quelques composants angulaires pouvant être injectés en tant que dépendances ?

Les composants angulaires pouvant être injectés en tant que dépendances sont :

  1. Valeur.
  2. Usine.
  3. Un service.
  4. Fournisseur.
  5. Constant.

61. Expliquer le modèle d'objet du navigateur (BOM) ?

Le modèle d'objet du navigateur dans Angular contient l'historique, l'emplacement de l'écran, le navigateur d'objets, etc. Il est utilisé pour décrire les objets globaux du navigateur comme une fenêtre, un stockage local et une console.

62. Pouvez-vous expliquer $routeScope dans AngularJs ?

Le $rootScope est créé sur l'élément de modèle d'objet de document. L'application n'a généralement qu'un seul $rootScope partagé avec d'autres composants. $routeScope peut surveiller les expressions, et aussi, il peut se propager. events.$routeScope a une directive ng-App.

63. Pouvez-vous expliquer comment passer un appel Ajax avec AngularJs ?

AngularJS propose le contrôle $https:, qui aidera à faire des appels ajax pour lire les données du serveur. Dans AngularJs, pour obtenir les enregistrements spécifiés, le serveur effectue un appel à la base de données. Si vos données au format JSON sont prêtes, vous pouvez utiliser $https pour récupérer les données du serveur.

64. Pouvez-vous nommer les différentes portées du cycle de vie de la portée d'AngularJs ?

Les différentes portées du cycle de vie de la portée AngularJs sont répertoriées ci-dessous :

  1. Création.
  2. Mutation du modèle.
  3. Inscription des observateurs.
  4. Observation des mutations.
  5. Destruction de portée.

65. Expliquer le NMP ?

NPM, c'est-à-dire Node Package Manager, consiste en un client d'outil en ligne de commande pour interagir avec le projet Node.js du référentiel.

66. Écrivez la syntaxe de la méthode de fabrique dans `Angular?

La syntaxe de la méthode de fabrique est la suivante :

App.factory('serviceName',function(){ return serviceObj;})

67. Pouvez-vous expliquer le concept de webpack ?

Webpack dans Angular est un bundler de modules. Il est utilisé pour regrouper, transpiler et minifier les applications angulaires.

68. Pouvez-vous expliquer comment créer un nouveau projet dans Angular à l'aide de l'interface de ligne de commande ?

Vous devez exécuter la commande ng-new project name dans l'interface de ligne de commande Angular pour créer un nouveau projet.

69. Expliquez la méthode de service dans Angular ?

Les méthodes de service vous aident à définir les services et les façons de le faire.

70. Expliquer l'expression de la fonction invoquée immédiatement ?

L'expression de fonction immédiatement invoquée dans Angular est une fonction qui est exécutée dès sa création. Cette fonction offre un moyen d'isoler la déclaration de variable. Les fonctions IIFE contiennent deux fonctions principales, à savoir,

  1. opérateur()
  2. expression()

71. Expliquer une application d'une seule page dans AngularJs ?

Une application à page unique dans Angular est une application Web ou une page Web qui interagit dynamiquement avec les utilisateurs. Peu d'exemples de pages uniques dans Angular sont javascript, HTML et CSS. Le SPA peut effectuer une navigation sans rafraîchir toute la page HTML.

72. Qu'est-ce que ngZone dans Angular ?

Le ngZone peut être défini comme une classe wrapper javascript désignée par zone.js. Il est utilisé pour permettre aux développeurs d'exécuter du code explicitement en dehors de la zone d'Angular, ce qui empêche Angular d'exécuter toute détection de changement.

73. Expliquer l'authentification dans Angular ?

L'authentification dans Angular est un service utilisé pour la connexion et la déconnexion de l'application Angular. Les informations d'identification des utilisateurs sont transmises à l'API des serveurs. Après les validations côté serveur des informations d'identification, un jeton Web JSON est renvoyé, donnant des détails sur l'utilisateur actuel.

74. Quelles sont les exigences de base pour travailler avec AngularJS ?

Tout d'abord, vous devez télécharger la dernière version d'AngularJS à partir du site Web angularjs.com .Vous avez besoin d'un fichier JS pour l'héberger localement. Vous pouvez également utiliser Google CDN à titre de référence.

75. Pouvons-nous créer des contrôleurs imbriqués dans Angular ?

Oui, nous pouvons créer des contrôleurs imbriqués dans Angular.

76. Comment convertir une chaîne en devise dans Angular ?

Nous pouvons convertir l'entrée de chaîne donnée en type de devise en utilisant un filtre de devise dans Angular.

77. Pouvez-vous expliquer ECMAScript ?

European Company Manufacturer's Association est un langage de script standard. Le Web Javascript utilise ECMAScript comme langage principal. Les développeurs l'utilisent pour écrire des scripts côté client sur le W.W.W (World Wide Web) ou des applications et services serveur. Des fonctionnalités telles que des fonctionnalités prototypes, fonctionnelles, dynamiques et structurées sont incluses dans ECMAScript.

78. Explain Traceur compiler?

Traceur est défini comme un compilateur javascript qui utilise des classes, des générateurs et d'autres fonctionnalités d'ECMAScript.

79. Expliquer le routage dans Angular ?

Le routage dans Angular est une méthode qui fusionne différentes vues. Le contrôleur prend la décision de combiner les vues en fonction de la logique.

80. Que sont les pipes paramétrés dans AngularJS ?

Les tuyaux peuvent avoir plus d'un paramètre dans AngularJs pour régler la sortie fine. Un tube paramétré dans Angular est créé en déclarant le tube avec deux-points (:). Les deux-points (:) sont utilisés pour séparer plusieurs valeurs de paramètres.

81. Pouvez-vous nommer les fonctions d'animation DSL dans AngularJS ?

Les fonctions d'animation DSL dans AngularJS sont répertoriées ci-dessous :

  1. grouper()
  2. Etat()
  3. transition()
  4. images clés()
  5. déclencheurs()
  6. modes()
  7. séquence()
  8. Animé ()

82. Nommez les parties essentielles des métadonnées AngularJs ?

Les parties essentielles des métadonnées AngularJs sont :

  1. Décorateur de classe
  2. Décorateur de méthode
  3. Décorateur de paramètres
  4. Décorateur immobilier

83. Expliquer les tests unitaires isolés ?

Les tests unitaires isolés dans Angular sont des processus permettant de vérifier l'instance de classe sans utiliser de dépendances Angular ou de valeurs injectées. Ces tests unitaires isolés nous aident à implémenter le programme très facilement.

84. Expliquez la transclusion dans AngularJs ?

La transclusion permet aux développeurs de réaffecter un enfant de directive d'origine à un emplacement spécifié dans un modèle. Les directives ng-transclude-slot ou ng-transclude sont utilisées pour la transclusion.

85. Quels sont les cas d'utilisation d'Angular ? Expliquer?

  1. Applications Web progressives (PWA)
  2. Applications monopage (SPA)
  3. Applications multipages (MPA)
  4. Applications installées sur le bureau pour Mac, Windows et Linux .

86. Pouvez-vous expliquer comment créer un décorateur dans Angular ?

|__+_|

Le morceau de code ci-dessus crée un décorateur appelé sample dans Angular.

87. Expliquez comment créer une classe dans Angular 7 avec l'aide de CLI ?

de générer un échantillon de classe [options]

Le code ci-dessus est utilisé pour créer une classe appelée sample dans Angular 7.

88. Pouvez-vous décrire les principales fonctionnalités d'Angular 7 ?

  1. Invites CLI
  2. Matériel angulaire et kit de développement (CDK)
  3. La fonctionnalité de module de glisser-déposer dans Angular 7 nous permet de créer des interfaces de glisser-déposer faciles.
  4. Le défilement virtuel dans Angular 7 charge et décharge les éléments du DOM qui dépendent des parties visibles de la liste, et offre ainsi une expérience utilisateur rapide avec une vaste liste déroulante.
  5. Performances des applications Améliorations.
  6. Mises à jour documentaires.

89. Lister les différentes versions d'Angular ?

Les différentes versions d'Angular sont listées ci-dessous :

  1. Version angulaire 1.0
  2. Version angulaire 2.0
  3. Version angulaire 4.0
  4. Version angulaire 5.0
  5. Version angulaire 6.0
  6. Version angulaire 7.0
  7. Version angulaire 8.0
  8. Version angulaire 9.0
  9. Version angulaire 10.0
  10. Version angulaire 11.0

90. Pouvez-vous expliquer le compilateur d'Ivy ?

Le compilateur Ivy dans Angular est le pipeline de compilation et de rendu de nouvelle génération. C'est la nouvelle fonctionnalité d'Angular qui a été introduite dans Angular 9 qui a remplacé le moteur de vue.

91. Quels sont les avantages d'un compilateur Ivy ?

Les avantages du compilateur Ivy sont les suivants :

  1. Il a une taille de paquet plus petite.
  2. Il a amélioré les classes CSS.
  3. Il a simplifié la vérification de type.
  4. Le compilateur Ivy a amélioré la liaison de style.
  5. Il a réduit les temps de construction et a augmenté les performances du compilateur.

92. Expliquez trois nouvelles fonctionnalités d'Angular 9 ?

Les fonctionnalités d'Angular 9 sont listées ci-dessous :

  1. La prise en charge de Typescript 3.8 est ajoutée à Angular 9.
  2. Il a amélioré la mise en évidence du HTML et de la syntaxe des expressions.
  3. Dans Angular 9, l'utilisation de TSLint 6.1 est faite par défaut.

93. Pouvez-vous définir des observables dans Angular ?

Les observables dans Angular transmettent des messages entre différentes parties de l'application. Ils sont chargés de gérer de nombreuses opérations asynchrones telles que :

  1. Ils définissent les événements personnalisés en transmettant les données de sortie de l'enfant au composant racine.
  2. Ils répondent à différents événements d'entrée de l'utilisateur.
  3. Les observables gèrent plusieurs requêtes et réponses AJAX.

94. Expliquez trois nouvelles fonctionnalités dans Angular 10 ?

Les fonctionnalités d'Angular 10 sont :

  1. La prise en charge de Typescript 3.9 est ajoutée à Angular 10.
  2. Le calcul des chemins de base est rendu paresseux pour augmenter les performances.
  3. Angular10 a augmenté les performances de la vérification de type.

95. Quelles sont les promesses d'Angular ?

Les promesses dans Angular fournissent un moyen d'exécuter les fonctions asynchrones d'une série en enregistrant un objet de promesse.

96. Expliquez le terme annotation dans Angular ?

Les annotations dans Angular sont utilisées pour créer les annotations d'attribut, qui à leur tour stockent un tableau.

97. Combien de types de templates existe-t-il dans Angular ?

Il existe deux types de modèles dans Angular, à savoir.

  1. Modèle statique.
  2. Modèle dynamique.

98. Expliquez le terme liaison de propriété dans Angular ?

La liaison de propriété vous aide à définir des valeurs spécifiques pour les propriétés des éléments HTML ou des directives. Avec la liaison de propriété, vous pouvez partager des valeurs avec différents composants et vous pouvez définir des chemins par programmation.

99. Expliquer la liaison bidirectionnelle dans Angular ?

La liaison bidirectionnelle dans Angular est une combinaison de liaison de propriété et de liaison d'événement. Il s'agit d'un mécanisme qui combine la liaison d'entrée et de sortie en une seule notation en utilisant la directive ngModel.

100. Qu'est-ce qu'Angular 7 ?

Angular7 est défini comme un framework javascript open source utilisé pour développer des applications Web et des applications en HTML, tapuscrit et Javascript. Il a des fonctionnalités intégrées pour les animations, les services HTTP.

Bonne chance avec votre entrevue angulaire et nous espérons que nos questions et réponses d'entrevue angulaire vous ont été utiles. Si vous recherchez un emploi dans le domaine MicroStrategy, vous pouvez consulter notre Questions d'entretien chez MicroStrategy .