Interview preparations for Angular developer

Madhavi Kulkarni
4 min readFeb 2, 2021

--

Hello Friends,

Hope you are doing well. I have gone through interviews and felt to share the experience and Interview preparation tips.

Interview rounds would depend upon which company you are applying to. Few companies would have multiple interview rounds few would have minimum. But at least they have 3 interview rounds.

  1. Online assessment/Technical test
  2. Technical interview
  3. Hr Interview/Managerial Interview.

To be an Angular developer, you should have knowledge of HTML, CSS and Typescript/Javascript.

Before going deep, Its important to know that Angular Js and Angular are different frameworks.

Angular: It is a popular open-source Typescript framework created by Google for developing web applications. Front-end developers use frameworks like Angular or React for presenting and manipulating data efficiently. Updated Angular is much more efficient compared to the older version of Angular, especially core functionality was moved to different modules. That’s why it becomes so much fast and smooth compare to the older one. Newly added angular CLI. With that package, you can create scaffolding of your Angular project.

Written in Microsoft’s TypeScript language, which is a superset of ECMAScript 6 (ES6).

Architecture: Uses components and directives. Components are the directives with a template.

Angular is supported by all the popular mobile browsers.

Hierarchical Dependency Injection system are used in Angular.

Angular has better structure compare to AngularJS, easier to create and maintain large applications but behind in AngularJS in case of small applications.

Angular JS: AngularJs is a Javascript open-source front-end framework that is mainly used to develop single-page web applications(SPAs). It is a continuously growing and expanding framework which provides better ways for developing web applications. It changes the static HTML to dynamic HTML. It’s features like dynamic binding and dependency injection eliminates the need for code that we have to write otherwise.AngularJs is rapidly growing and because of this reason, we have different versions of AngularJs with the latest stable being 1.7.7. It is also important to note that Angular is different from AngularJs. It is an open-source project which can be freely used and changed by anyone. It extends HTML attributes with Directives, and data is bound with HTML.

Written in JavaScript.

Architecture: Supports Model-View-Controller design. The view processes the information available in the model to generate the output.

Angular Js is not supported by mobile browsers.

Angular Js does not use Dependency Injection.

It is less manageable in comparison to Angular

Note: Angular is a great framework it has many improvements in terms of AngularJS, it is good at bigger application also good at smaller application, but there is a huge competition between Angular and AngularJS.

Understanding the Angular basic concepts help you land the job.

Concepts to always brush up before going to the interview for Angular developer role:

  1. Differences between Angular Js and Angular.
  2. What versions of Angular have you worked on?
  3. What is Single Page Application (SPA)?
  4. What are directives in Angular?
  5. What is ng-content directive in Angular?
  6. What are components in Angular?
  7. What is Data binding in Angular?
  8. What is Angular CLI?
  9. Sketch a pictorial diagram of Angular Architecture.
  10. What is metadata in Angular?
  11. What is compilation in Angular? What types of compilations are used in Angular?
  12. What is the difference between Angular and React?
  13. What is AngularJS Expression?
  14. What is main differences between Angular expression and JavaScript expression?
  15. What is a service in Angular?
  16. What is dependency injection (DI) in Angular?
  17. What is the use of ngFor directive in Angular?
  18. What is the use of ngIf directive?
  19. What is interpolation in Angular?
  20. What are template expressions in Angular?
  21. What are lifecycle hooks in Angular?
  22. What is lazy loading? How to implement it?

Try to have some good hands on experience developing the application using either visual studio code or some online editor like stackblitz.com if you are from non angular background.

Below are few references to go through to have a good preparation on Angular.

I hope this information helps for your interview preparations.

All the best.

--

--