NG Interview Set I - Architecture/ Framework Questions

Question 1

What are some of the top level building blocks of the Angular framework?

Answer 1

• Services, Templates, Modules, Components, Providers, etc.

Question 2

What is AOT?

Answer 2

• Ahead of time compilation

Question 3

What is Reactive programming and how does it relate to Angular?

Answer 3

• It’s an “asynchronous programming paradigm concerned with data streams and the propagation of change.”

Question 4

What are some differences between Angular 2 and 4?

Answer 4

• Improvements in AOT, allowing the “else” clause in ngIf, support for TypeScript 2.1, breaking out the animations package…

Question 5

What are some security related features built in to the Angular framework?

Answer 5

• Sanitation, to prevent cross site scripting
• Built-in support in the HttpClient to prevent cross-site request forgery

Question 6

How can you bypass sanitation in Angular and why would you do so?

Answer 6

• To inject known safe code, you can bypass sanitation (e.g. to embed an iframe)

Question 7

What is a good use case for ngrx/store?

Answer 7

• Complex application state management requirements, involving asynchronous requests to update state

Question 8

What is Redux and how does it relate to an Angular app?

Answer 8

• It’s a way to manage application state and improve maintainability of asynchronicity in your application by providing a single source of truth for the application state, and a unidirectional flow of data change in the application
• ngrx/store is one implementation of Redux principles

Question 9

What would be a good use case for having your own routing module?

Answer 9

• An application whose requirements imply having many routes, and potentially route guards, and child routes

Question 10

Where would you configure TypeScript specific compiler options for your project?

Answer 10

• In the tsconfig.json

Question 11

What is the tslint.json file used for?

Answer 11

Linting the TypeScript code (making sure it conforms to certain standards / conventions)

Question 12

What are some changes introduced in Angular 4?

Answer 12

• Introduction of the else clause in ngIf; splitting out of animation package; support for TypeScript 2.1; improvements around AOT

Question 13

What are some changes introduced in Angular 5?

Answer 13

• New version of HttpClient; build optimizer; Universal State Transfer API (allows sharing state of app between server and client easily); support for TypeScript 2.3