75 principais perguntas e respostas da entrevista do AngularJS

Índice:

Anonim

Preparamos as perguntas e respostas da entrevista Angular mais frequentes que o familiarizam com o tipo de perguntas da entrevista AngularJS que os entrevistadores podem fazer durante a entrevista. Nesta lista de perguntas básicas da entrevista AngularJS, cobrimos todas as perguntas e respostas básicas e avançadas mais comuns para ajudá-lo a limpar a entrevista de emprego facilmente.

Cobrimos as 75 perguntas básicas mais importantes da entrevista do AngularJS para caloiros e as perguntas da entrevista do AngularJS para candidatos experientes para ajudá-los a se preparar para a entrevista de emprego. Este guia detalhado de perguntas e respostas da entrevista do AngularJS o ajudará a decifrar sua entrevista de emprego.

Perguntas e respostas da entrevista do AngularJS para novatos e experientes

A seguir estão perguntas e respostas básicas da entrevista Angular frequentes para caloiros, bem como perguntas e respostas da entrevista Angular para candidatos experientes para conseguir o emprego certo.

1) O que é AngularJS?

AngularJS é uma estrutura JavaScript usada para criar aplicativos de uma única página da web. Ele permite que você use HTML como sua linguagem de modelo e permite que você estenda a sintaxe do HTML para expressar os componentes de seu aplicativo com clareza.

2) Quais são os principais recursos do AngularJS?

Os principais recursos do AngularJS são:

  • Escopo
  • Controlador
  • Modelo
  • Visualizar
  • Serviços
  • Ligação de dados
  • Diretivas
  • Filtros
  • Testável

3) Explique o escopo da função em AngularJS

O escopo se refere ao modelo de aplicativo. Ele atua como uma cola entre o controlador de aplicativo e a visualização. Os escopos são organizados em uma estrutura hierárquica e representam a estrutura DOM (Document Object Model) do aplicativo. Ele pode observar expressões e propagar eventos.

4) Explique os serviços em AngularJS

Os serviços AngularJS são os objetos ou funções singleton usados ​​para realizar tarefas específicas. Ele contém alguma lógica de negócios.

5) O que é expressão angular? Explique a principal diferença entre expressões angulares e expressões JavaScript

Assim como o JavaScript, as expressões angulares são trechos de código que geralmente são colocados em vinculação, como {{expression}}

A principal diferença entre as expressões JavaScript e angulares é:

  • Contexto: em Angular, as expressões são avaliadas em relação a um objeto de escopo, enquanto as expressões JavaScript são avaliadas em relação à janela global
  • Indulgente: na expressão Angular, a avaliação é indulgente para nulo e indefinido, enquanto no JavaScript as propriedades indefinidas geram TypeError ou ReferenceError
  • Sem declarações de fluxo de controle: Loops, condicionais ou exceções não podem ser usados ​​em uma expressão angular
  • Filtros: você pode usar filtros para formatar dados antes de exibi-los.

6) Como você pode inicializar uma caixa de seleção com opções no carregamento da página?

Você pode inicializar uma caixa de seleção com opções no carregamento da página usando a diretiva ng-init.

  • On = "!! Accounts" ng-init = "loadData ()">

7) O que são diretrizes? Cite algumas das diretivas mais comumente usadas no aplicativo AngularJS

Uma diretiva é algo que introduz uma nova sintaxe. Eles são como marcadores no elemento DOM, que atribui um comportamento especial a ele. Em qualquer aplicativo AngularJS, as diretivas são os componentes mais importantes.

Algumas das diretivas comumente usadas são:

1) modelo ng

2) ng-App

3) ng-bind

4) ng-repeat

5) ng-show

8) Como funcionam as rotas Angular JS?

As rotas AngularJS permitem que você crie diferentes URLs para diferentes conteúdos em seu aplicativo. URLs diferentes para conteúdos diferentes permitem que o usuário marque URLs para conteúdos específicos. Cada URL marcável em AngularJS é chamado de rota

Um valor em Angular JS é um objeto simples. Pode ser um número, string ou objeto JavaScript. Os valores são normalmente usados ​​como configuração injetada em fábricas, serviços ou controladores. Um valor deve pertencer a um módulo AngularJS.

A injeção de um valor em uma função do controlador AngularJS é feita adicionando um parâmetro com o mesmo nome do valor

9) O que é vinculação de dados no AngularJS?

A sincronização automática de dados entre o modelo e os componentes da visualização é chamada de vinculação de dados no AngularJS. Existem duas maneiras de vinculação de dados

  1. Mineração de dados em sistemas de template clássicos
  2. Vinculação de dados em modelos angulares

10) Quais são os benefícios do AngularJS?

Os benefícios do AngularJS são:

  • Registrando Callbacks: Não há necessidade de registrar callbacks. Isso torna seu código simples e fácil de depurar.
  • Controle o HTML DOM programaticamente: os aplicativos criados com o Angular não precisam manipular o DOM.
  • Transfira dados de e para a IU: AngularJS ajuda a eliminar quase todos os clichês. Ele pode validar o formulário, exibir erros, retornar a um modelo interno e assim por diante.
  • Sem código de inicialização: com AngularJS, você pode inicializar seu aplicativo facilmente. Você pode usar serviços injetados automaticamente em seu aplicativo no Guice.

11) O que é interpolação de strings no Angular.JS?

Em Angular.js, o compilador durante o processo de compilação combina texto e atributos. Ele usa o serviço de interpolação para ver se eles contêm expressões incorporadas. Como parte do ciclo de compilação normal, essas expressões são atualizadas e registradas como relógios.

12) Quais são as etapas do processo de compilação do HTML?

A compilação do processo HTML ocorre das seguintes maneiras

  • Usando a API do navegador padrão, primeiro, o HTML é analisado em DOM
  • Usando a chamada para o método $ compile (), uma compilação do DOM é executada. O método atravessa o DOM e corresponde às diretivas.
  • Vincule o modelo a um escopo chamando a função de vinculação retornada da etapa anterior

13) Explicar as diretivas e seus tipos

Durante o processo de compilação, quando uma função HTML específica é acionada, ela é chamada de diretiva. Ele é executado quando o compilador o encontra no DOM.

Diferentes tipos de diretivas são:

1) Diretivas de elemento

2) Diretivas de atributo

3) diretivas de classe CSS

4) Diretivas de comentários.

14) Explique a função de ligação e seus tipos

Link combina as diretivas com um escopo e produz uma exibição ao vivo. Para registrar ouvintes DOM, bem como para atualizar o DOM, a função de link é responsável. Depois que o modelo é clonado, ele é executado.

  • Função de pré-vinculação: a função de pré-vinculação é executada antes que os elementos filhos sejam vinculados. Não é considerado uma forma segura de transformação de DOM.
  • Função de pós-vinculação: a função de pós-vinculação é executada depois que os elementos filhos são vinculados. É seguro fazer a transformação DOM pela função de pós-link

15) Explique o injetor em AngularJS

Um injetor é um localizador de serviço. É usado para recuperar instâncias de objeto conforme definido pelo provedor, instanciar tipos, invocar métodos e carregar módulos. Existe um único injetor por aplicativo Angular, ele ajuda a pesquisar uma instância de objeto por seu nome.

16) Qual é a principal diferença entre um link e uma compilação em Angular.js?

  • Função de compilação: é usada para a manipulação do DOM do template e coleta todas as diretivas.
  • Função de link: É usada para registrar ouvintes DOM, bem como, por exemplo, manipulação de DOM. Ele é executado uma vez que o modelo foi clonado.

17) Qual é a função de fábrica no AngularJS?

Para criar a diretiva, o método de fábrica é usado. Ele é chamado apenas uma vez quando o compilador corresponde à diretiva pela primeira vez. Usando $ injector.invoke, o método de fábrica é invocado.

18) Explique a forma de estilo que o ngModel adiciona às classes CSS

NgModel adiciona essas classes CSS para permitir o estilo do formulário. As classes de validação de AngularJS são:

  1. ng- válido
  2. ng- inválido
  3. ng-pristine
  4. ng-sujo

19) Quais são as características do “Scope”?

  • Para observar o modelo de mutações, os escopos fornecem APIs ($ watch)
  • Para propagar qualquer mudança de modelo através do sistema para a vista de fora do reino Angular
  • Um escopo herda propriedades de seu escopo pai, enquanto fornece acesso às propriedades do modelo compartilhado, os escopos podem ser aninhados para isolar os componentes do aplicativo
  • O escopo fornece contexto em relação ao qual as expressões são avaliadas

20) O que é DI (Dependency Injection) e como um objeto ou função pode controlar suas dependências?

DI ou injeção de dependência é um padrão de projeto de software que trata de como o código obtém suas dependências. Para recuperar os elementos do aplicativo que precisam ser configurados quando o módulo é carregado, a operação "config" usa injeção de dependência.

Estas são as maneiras que o objeto usa para manter suas dependências

  • Normalmente usando o novo operador, a dependência pode ser criada
  • Ao referir-se a uma variável global, a dependência pode ser pesquisada
  • A dependência pode ser passada para onde for necessária

21) Explique o conceito de hierarquia de escopo

Cada aplicativo angular consiste em um escopo raiz, mas pode ter vários escopos filho. Como os controladores filhos e algumas diretivas criam novos escopos filhos, um aplicativo pode ter vários escopos. Quando novos escopos são formados ou criados, eles são adicionados como filhos de seu escopo pai. Eles também criam uma estrutura hierárquica semelhante ao DOM.

22) Explique a principal diferença entre AngularJS e backbone.js

AngularJS Backbone.js
AngularJS é uma estrutura de código aberto baseada em JavaScript projetada para oferecer suporte a aplicativos da web dinâmicos. backbone.js é uma estrutura que abstrai DOM em visualizações e dados em modelos e, em seguida, vincula ambos usando eventos.
Seu desempenho é bom, pois fornece um processo de ligação de dados bidirecional A tecnologia Backbone.js oferece um desempenho mais rápido do que AngularJS se os conjuntos de dados forem pequenos
Funciona em MVS (Multiple Virtual Storage). Funciona na arquitetura MVP.
O AngularJS usa o atributo HTML dinâmico para facilitar o entendimento do aplicativo. Backbone.js usa modelos de sublinhado para entender o aplicativo.
Tem grande apoio da comunidade. O suporte da comunidade é restrito ao modelo de sublinhado.

23) Quem criou o Angular JS?

O AngularJS foi desenvolvido por Adam Abrons e Misko Hevery. Atualmente, é desenvolvido pelo Google.

24) Como você pode integrar AngularJS com HTML?

Os desenvolvedores podem seguir as seguintes etapas para integrar AngularJS com HTML:

Etapa 1: incluindo AngularJS JavaScript na página html.

Etapa 2: indique o aplicativo AngularJS.

Você deve adicionar o atributo ng-app dentro da tag do corpo do HTML para informar qual parte do aplicativo HTML AngularJS tem, conforme mostrado no exemplo a seguir:



25) O que é filtro orderby no AngularJS?


O filtro Orderby em AngularJS ordena a matriz com base em critérios especificados. O exemplo a seguir mostra como você pode solicitar o produto por preço.


    

  • {{ company.product + ', price:' + product.price }}
    • 





26) O que é ng-não ligável no AngularJS?


Ng-non-bindable especifica AngularJs para não compilar o elemento HTML e seus nós filhos. Por exemplo:


 


27) Explique o uso do evento de duplo clique no AngularJS


O evento de duplo clique do AgularJS permite que você especifique o comportamento personalizado no evento de duplo clique do mouse em uma página da web como:


… 


28) Explique as diretivas ng-click em AngularJS com exemplo


As diretivas Ng-click podem ser usadas em um cenário quando você precisa clicar no botão ou deseja realizar qualquer operação.


Exemplo:




29) Por que usar ng-include no AngularJS?


Ng-include no AngularJS ajuda a incorporar páginas HTML em uma única página HTML. Exemplo:




30) Como você pode fazer uma chamada ajax usando Angular JS?


O AngularJS oferece $ https: control que ajuda você a fazer uma chamada ajax para ler os dados do servidor. O servidor faz uma chamada ao banco de dados para obter os registros necessários. Assim que seus dados no formato JSON estiverem prontos, você pode usar $ https: para recuperar dados do servidor da seguinte maneira:


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


31) Explique o uso de $ routeProvider


Em Angular JS $ routeProvider define a configuração do URL. Ele mapeia com o modelo ng relacionado ou página HTML e anexa um controlador com o mesmo.


32) Como você pode definir, obter e limpar cookies no AngularJS?


Você pode usar:


    

  • Método $ cookies.put () para definir os cookies.
    • 

  • Método $ cookies.get () para obter os cookies.
    • 

  • $ cookies.remove para remover cookies no AngularJS.
    • 



33) O que é método de serviço?


O método de serviço no AngularJS ajuda a definir o serviço e o método para ele. No exemplo a seguir, injetamos um serviço de adição simples, que adiciona dois números.


Event Registration

Guru99 Global Event




Result: {{result}}




34) Nomeie os componentes AngularJS que podem ser injetados como dependência


Os componentes do AngularJS que podem ser injetados como uma dependência são: 1) valor, 2) fábrica, 3) serviço, 4) provedor, 5) constante.


35) Quais são as funções comuns da API Angular Global


Algumas funções da API Angular Global comumente usadas são:


    

  • Angular.isString: Ele retornará verdadeiro somente se a referência fornecida for do tipo string.
    • 

  • Angular.lowercase: converte qualquer string em minúsculas
    • 

  • Angular.uppercase: converte qualquer string em maiúsculas.
    • 

  • Angular.isNumber: retorna verdadeiro apenas se a referência for um valor numérico ou número.
    • 



36) Escreva um programa para ocultar uma tag HTML apenas por um clique de botão no angular


Event Registration

Guru99 Global Event




Angular


37) O que é BOM (Browser Object Model)?


O BOM ou modelo de objeto do navegador consiste em histórico, navegador de objetos, localização da tela, etc. Ele especifica os objetos globais do navegador, como console, armazenamento local e janela.


38) Explique "$ rootScope" em AngularJS


"$ rootScope" é um escopo criado no elemento DOM (Document Object Model).


Um aplicativo pode ter apenas um $ rootScope que compartilha, entre outros componentes. Ele tem a diretiva ng-app. Outros escopos são chamados de escopo filho. Ele pode observar expressões, bem como propagar eventos.


39) Dê um exemplo de ng-view em Angular


Considere o seguinte exemplo:


Event Registration

Global Event







40) Qual é a sintaxe do método de fábrica no AngularJS?


A sintaxe do Factory é a seguinte:


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


41) Cite as diferentes fases do ciclo de vida do Escopo AngularJS.


Aqui estão as diferentes fases do ciclo de vida do Escopo AngularJS:


    

  • Criação
    • 

  • Mutação de modelo
    • 

  • Registro de observador
    • 

  • Observação de mutação
    • 

  • Destruição de escopo
    • 



42) Escreva um programa para o processo de bootstrap em Angular


programa para o processo de bootstrap em Angular é:


Hi{{msg}}!


43) O que é um aplicativo de página única no AngularJS?


SPA ou aplicativo de página única é um site ou aplicativo da web que interage com os usuários de forma dinâmica. Em AngularJS, JavaScript, HTML e CSS cabem em uma única página. Ele executa a navegação sem atualizar toda a página HTML.


44) Explique o conceito de webpack


Webpack é um empacotador de módulo para Angular2 ou superior. Ele agrupa, transpila e minimiza o aplicativo AngularJS.


45) O que você quer dizer com NPM?


NPM significa Node Package Manager. Consiste em um cliente de ferramenta de linha de comando para interagir com o repositório do projeto Node.js.


46) Como você pode criar um novo projeto no angularJS usando a Interface de linha de comando?


Depois de instalar a interface de linha de comando do Angular, você deve executar o comando new project-name para criar um novo projeto no Angular.


47) Explique o processo de auto bootstrap em AngularJS


O Angular inicializa automaticamente o evento DOMContentLoaded ou quando você faz o download do script angular.js para o navegador.


Depois disso, o AngularJS encontra a diretiva ng-app que é a raiz da compilação do aplicativo angular. Quando a diretiva ng-app é encontrada, o AngularJS executa as seguintes etapas:


1) carregar o módulo, que está associado à diretiva,


2) Criar injetor de aplicativo,


3) Compile o DOM do elemento raiz ng-app. Este processo é conhecido como auto bootstrapping.


48) O que são expressões de função imediatamente invocadas?


IIFEs ou Expressões de Função Imediatamente Invocadas é uma função executada assim que é criada. Ele oferece uma maneira simples de isolar a declaração da variável. IIFEs contém duas funções principais:


1) operador ()


2) expressão ()


49) Qual é o ciclo de digestão no AngularJS?


O ciclo Digest é uma parte importante da vinculação de dados no AngularJS, que  compara a versão antiga e a nova do modelo de escopo. Ciclo de resumo disparado automática ou manualmente usando a função $ apply (). 


50) Qual é o requisito básico para trabalhar com AngularJS?


Você deve baixar a versão mais recente do AngularJS em AngularJS.com para aprender ou trabalhar com o AngularJS. Você pode precisar do arquivo JS e hospedá-lo localmente ou também usar o google CDN (Content Delivery Network) para referenciá-lo.


51) Podemos criar controladores aninhados no AngularJS?


Sim, podemos criar um controlador aninhado no AngularJS.


O exemplo de controlador aninhado é o seguinte:




{{msg}} {{name}}!




Hi {{name}}!




{{msg}} {{name}}! Your name is {{name}}.




52) O que é autenticação?


A autenticação é um serviço usado para fazer o login e logout do aplicativo Angular. As credenciais dos usuários passam para a API no servidor. Em seguida, após a validação do lado do servidor dessas credenciais, JSON Web Token é retornado, que é um detalhe sobre o usuário atual.


53) Definir o material AngularJS


AngularJS Material é uma implementação da Especificação de Design de Material do Google. Ele oferece um conjunto de componentes de IU reutilizáveis ​​e bem testados para o programador AngularJS.


54) Quais são as diferenças importantes entre Angular 7 e Angular 8


 

 

 Angular 7  Angular 8  


 

 Angular 7 é difícil de usar  Angular 8 é muito fácil de usar  


 

 Ele fornece suporte para a versão inferior da linguagem de programação Typescript 3.4  Ele não oferece suporte para a versão anterior da linguagem de programação Typescript 3.4  


 

 Suporta todas as versões de Node.js  Compatível apenas com a versão 12 do Node.js.  


 

 



55) O que é ngzone?


O ngzone é uma classe de wrapper JavaScrip denotada por Zone.js. Ele permite que os desenvolvedores executem explicitamente determinado código fora da zona do Angular, o que inibe o Angular para executar qualquer detecção de alteração.


56) Liste a diferença entre componente angular e diretiva


 

 

 Componente   Diretriz  


 

 O componente angular é uma diretiva que permite utilizar a funcionalidade do componente da web em todo o aplicativo.  A diretiva angular é uma técnica pela qual atribuímos comportamento aos elementos.  


 

 Isso ajuda você a dividir seu aplicativo em componentes menores.  Isso ajuda você a projetar os componentes reutilizáveis.  


 

 Pode definir tubos  Não pode definir tubos.  


 

 



57) Definir ECMAScript


ECMAScript (European Computer Manufacturer's Association) é um padrão para linguagens de script. JavaScript usa ECMAScript como linguagem central. Os desenvolvedores podem obter ajuda para escrever scripts do lado do cliente na rede mundial de computadores e / ou aplicativos e serviços de servidor. ECMAScript possui vários recursos, como recursos funcionais, de protótipo, dinâmicos e estruturados.


58) O que é um compilador Traceur?


Traceur é um compilador JavaScript que usa classes, geradores e outros recursos do ECMAScript.


59) Como converter uma string em moeda?


Você pode converter a entrada de string no filtro de moeda do tipo de moeda no Angular.


60) O que são modelos no AngularJS?


Um modelo é um arquivo HTML usado com as diretivas e atributos do AngularJs.


61) Explique as diferenças entre Angular e jQuery


 

 

 AngularJS  JQuery  


 

 AngularJs é difícil de entender  Jquery é muito fácil de entender.  


 

 Suporta processo de ligação bidirecional  Não suporta processo de vinculação de dados  


 

 Ele fornece suporte para roteamento de links diretos  Ele não oferece suporte para roteamento de links diretos  


 

 



62) O que é a compilação do Ahead of Time?


Angular AOT (Ahead of Time) é um compilador que converte seu HTML angular e código de texto digitado em código JavaScript.


63) Liste os tipos de filtros em AngularJS


Os tipos de filtros usados ​​no AngularJS são: 1) Moeda, 2) Maiúsculas, 3) Minúsculas, 4) orderBy, 5) JSON e 6) limitTo.


64) Explique a função ngOnInit ()


A função ngOnInit () é um gancho de ciclo de vida que é chamado após a conclusão das propriedades vinculadas aos dados da diretiva.


65) O que é transclusão no AngularJS?


A transclusão no AngulaJS permite que os desenvolvedores realocem os filhos da diretiva original em um local específico dentro de um modelo. A diretiva ng mostra o ponto de inserção para um DOM transcluído da diretiva pai mais próxima, que está usando a transclusão. As diretivas Ng-transclude-slot ou ng-transclude são usadas principalmente para a transclusão.


66) Ganchos iluminados estão disponíveis em AngularJS


Vários ganchos em AngularJS são:


1) ngOnInit ()


2) ngOnChanges (),


3) ngDoCheck (),


4) ngAfterContentInit (),


5) ngAfterContentChecked (),


6) ngOnDestroy (),


7) ngAfterViewChecked (), e


8) ngAfterViewInit ()


67) Quais são as partes importantes dos metadados AngularJS?


Os metadados AngularJS são usados ​​para decorar uma classe que representa o comportamento esperado de uma classe específica. Várias partes dos metadados são: 1) decorador de classe, 2) decoradores de método, decoradores de parâmetro e 4) decoradores de propriedade.


68) O que é Angular CLI?


O Angular CLI também é chamado de ferramenta de interface de linha de comando. É usado para construir, inicializar e manter aplicativos Angular. O software CLI pode ser usado por meio de uma IU muito interativa, como um shell de comando ou Console Angular.


69) Explique o tubo parametrizado em AngularJS


No angularJS, os tubos podem ter mais de um parâmetro para ajustar a saída fina. Você pode criar um canal parametrizado declarando o canal com dois pontos (:) e valores de parâmetro. O desenvolvedor pode separar vários valores de parâmetro com dois pontos (:).


70) O que é roteamento?


O roteamento é um método de mesclar várias visualizações. O controlador toma a decisão de combinar essas visualizações dependendo das necessidades lógicas.


71) O que você quer dizer com testes de unidade isolados?


Teste isolado é um processo de verificação de instância de classe sem usar nenhum valor injetado ou dependência angular. Isso ajuda você a implementar o programa com muita facilidade.


72) Nomear funções de animação DSL em AngularJS


As funções de animação DSL em AngularJS são: 1) group (), 2) state (), 3) transição (), 4) style (), 5) keyframes (), 6) trigger (), 7) sequence (), e 8) animar ().


73) O que é o módulo AngularJS?


No angularJS, um módulo é um processo para agrupar diretivas e componentes de serviços relacionados. Ele os organiza de forma que possam ser combinados com outros módulos para criar um aplicativo.


74) O que são tubos em AngularJs?


Em angular, os tubos fornecem um método simples para transformar os dados. Leva os valores como matrizes, inteiros, dados e strings como entrada e divididos com o símbolo de barra vertical (|). Ele converte os dados no formato necessário. Pipes exibe a mesma coisa no navegador. No angularJS, ele fornece alguns canais integrados, mas os desenvolvedores também podem desenvolver seus próprios canais.


75) Explique o ViewEncapsulation em AngularJS


ViewEncapsulation determina se os estilos definidos no componente AngularJS afetarão todo o aplicativo ou não.


Prepare-se para sua entrevista de emprego !!! Vá até o Tutorial do AngularJS para se preparar melhor.


Baixe GRÁTIS o arquivo PDF de perguntas e respostas da entrevista do AngularJS


Este pdf detalhado de perguntas da entrevista do AngularJS ajudará você a esclarecer as dúvidas sobre as perguntas da entrevista do AngularJS e também a desvendar a entrevista.