Virtusa Angular Interview Questions

Here is the list of Angular Interview Questions which are recently asked in Virtusa company. These questions are included for both Freshers and Experienced professionals. Our Angular Training has Answered all the below Questions.

1. What is AngularJS and what are some of its advantages?

Angular JS is an open source JavaScript framework that is used to build dynamic web applications.

Improved Design Architecture.
Promotes Code Re-usability.
Better Plug & Play Components.
Faster application development.

2. What is the Model View Controller (MVC)?

The Model-View-Controller (MVC) framework is an architectural pattern that separates an application into three main logical components Model, View, and Controller. MVC separates the business logic and presentation layer from each other which is used for desktop graphical user interfaces.

3. What is data binding in AngularJS? How does it relate to the MVC architecture?

Data binding is one of the key features of AngularJS which is the automatic synchronization of data between the model and view components.

4. Explain the concept of scope. How does scope inheritance work in AngularJS?

AngularJS creates and injects a different $scope object to each controller in an application. The data and methods attached to $scope inside one controller cannot be accessed in another controller. With the nested controller, child controller will inherit the parent controller’s scope object.

5. Explain the difference between a factory and a service in AngularJS.

Factory and service allow us to create an object that can then be used anywhere in our app. Essentially, factories are functions that return the object, while services are constructor functions of the object which are instantiated with the new keyword.

6. Explain why there are two “destroy” events associated with the termination of a scope in AngularJS.

The first one is an AngularJS event, “$destroy”, and the second one is a jqLite / jQuery event “$destroy”. The first one can be used by AngularJS scopes where they are accessible, such as in controllers or link functions.

7. Difference between functional hoisting and variable hoisting.

Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution. They are moved to the top of their scope regardless of whether their scope is global or local.

8. Why do we use Angular instead of React JS?

Angular is a full-fledged framework, while React is a library. React uses virtual DOM and one-way data binding while Angular operates on real DOM & two-way data binding. So we use Angular instead of React.

9. What is Prototype?

A prototype is an early sample, model, or release of a product built to test a concept or process. It is a term used in a variety of contexts, including semantics, design, electronics, and software programming.

10. What is Shared Module?

Shared modules allow organizing and streamlining the code. Put commonly used directives, pipes, and components into one module and then import just that module wherever needed it in other parts of your application.

11. What is web sockets?

WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection. The WebSocket protocol was standardized by the IETF as RFC 6455 in 2011, and the WebSocket API in Web IDL is being standardized by the W3C.

Free PDF : Get our updated Angular Course Content pdf

12. What is dependency injection and how does it work?

Dependency injection is a programming technique that makes a class independent of its dependencies. It achieves that by decoupling the usage of an object from its creation. This helps to follow SOLID’s dependency inversion and single responsibility principles.

13. What are directives? Can you explain the functions of the following directives?

Directives are markers on a DOM element that tell AngularJS to attach a specified behavior to that DOM element or even transform the DOM element and its children. Most of the directives in AngularJS are starting with ng- where ng stands for Angular.

14. Explain the role of $routeProvider in AngularJS.

The $routeProvider is creates the $route service. By configuring the $routeProvider before the $route service we can set routes in HTML templates which will be displayed. The $routeProvider is configured with the help of calls to the when() and otherwise() functions.

15. How experienced are you with e2e testing? Explain how e2e testing of AngularJS applications works.

End to end test runners which simulates user interactions that will help you verify the health of your AngularJS application.

16. What is shadow dom?

Shadow DOM is a part of web components and allows us to encapsulate and a DOM tree and CSS styles behind other elements. As a result, it allows us to apply scoped styles to elements without them bleeding out and affecting the styles of the containing page.

17. What is the use of services in angular 4?

Angular services are for building out code that can be shared across multiple components. And these are singletons. Services restrict the instantiation of a class to one object. It means the methods and properties can be shared throughout your application from a single shared instance.

18. Explain component metadata?

The metadata defined in Component.js is faceless components, UI components and used to decorate a class so that it can configure the expected behavior of the class. The component decorator is used to declare the class in the app. component.

19. What is display:block and display:none?

Display: none means that the element is not displayed at all (so you won’t see it in the example either). Display none will hide the contains, here if apply it on div then width and height of div will also hide. Display block will show the contains. Object is rendered as a block element.

20. Difference between functional hoisting and variable hoisting.

Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution. Inevitably, this means that no matter where functions and variables are declared, they are moved to the top of their scope regardless of whether their scope is global or local.

21. In Angular. you can pass data from parent component to child component using

When we want to pass the data from the parent component to the child component, we use input binding with @Input decorations Person Child Component has two input properties with @Input decorations.

Request more information

Virtusa Angular Interview Questions