Introduction Flashcards

1
Q

What is Angular?

A

Unlike AngularJS (JS noting JavaScript), Angular is a ‘TypeScript-based’ front-end web application platform. It is a completely rewritten version of AngularJS that provides a professional platform for web application development across all platforms.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is the main difference between Angular and AngularJS?

A

Angular uses TypeScript and has components as its main building blocks. It is ‘component-based’, whereas AngularJS uses ‘directives’.

Angular uses a hierarchy of components, whereas AngularJS uses directives that permit code reusability. AngularJS also uses controllers and scopes.

Angular provides standard directives, however it implements them differently than AngularJS.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What role to Angular components play?

A

Angular components play a significant role in creating user interfaces where every UI portion is defined as a component.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are the differences between directives in Angular and AngularJS?

A

Angular includes standard directives whereas AngularJS provides a pack of them.

Both Angular and AngularJS use directives, however they use them differently.

For instance, one can use the ng-model to create a two-way binding in AngularJS. The ng-bind directive is suitable for one-way binding.

Angular has only the ngModel.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

In Angular, how do you specify the type of binding you want using symbols?

A

To specify one-way binding we use: “ []”

To specify two-way binding we use: “ [()]”

”[]” is for property binding and “()” is for event binding.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Why use Angular?

A

Provides a mobile support framework.

Supports TypeScript that enables code optimization and modularity using the ‘OOPS’ concept.

Supports changes for an increased hierarchical dependencies system.

A developer can use various features such as syntax for type checking, Dart, TypeScript, ES5, ES6, iterators, Angular CLI, and lambda operators.

Angular opts for semantic versioning that has a major-minor-patch arrangement.

Amongst its best benefits is its provision for the event of ‘simplest routing’.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What are Angular components?

A

Angular components are directives with a ‘template’.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What are the two kinds of directives in Angular?

A

Structural directives that alter the layout of the DOM by removing and replacing its elements.

Attributive directives that change the behavior or appearance of a DOM element.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What is TypeScript?

A

A language developed by Microsoft that is a superset of JavaScript.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What are the benefits of TypeScript?

A

Type declarations

Benefits of ES6

Iterators

Lambdas

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is 2-way data binding?

A

A way to automatically synchronize data between the Model and View. Any change made in the Model is immediately reflected in the View as well, and vice-versa.

Two-way data binding in Angular is used to display information to the end user and allows the end user to make changes to the underlying data using the UI. This makes a two-way connection between the view (the template) and the component class.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Explain dependency injection via Angular

A

Angular implements unidirectional tree-based change detection and uses the Hierarchical Dependency Injection system. This significantly boosts performance for the framework.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What architectural model is Angular based on?

A

Component Oriented Architecture

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What does Component Oriented Architecture (COA) help do?

A

It makes structuring and organizing large amounts of code easier by creating separation between UI, UI Logic, Presentation Logic, and Application Logic.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What is the over purpose of Angular?

A

It’s a client-side framework for creating Single Page Applications (SPAs).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly