Computer Knowledge

GUI and Web Frameworks

1,915 Questions

Graphical user interface and web frameworks involve layout management, directives, and application design across platforms like Android and Angular. These concepts are tested in computer science and IT officer competitive exams. Review these questions to understand UI components and coding standards.

Android layout attributesAngular structural directivesVB.Net web methodsJava Swing componentsSiebel application framework

GUI and Web Frameworks Questions

Multiple choice

Which of the following is NOT a type of data binding in Angular?

  1. Interpolation

  2. Property Binding

  3. Event Binding

  4. Structural Binding
Reveal answer Fill a bubble to check yourself
D Correct answer
Explanation

Structural Binding is not a type of data binding in Angular. The three main types of data binding in Angular are Interpolation, Property Binding, and Event Binding.

Multiple choice

What is the purpose of property binding in Angular?

  1. To set the value of a DOM element's property based on a component property.

  2. To listen for events on a DOM element and respond to them.

  3. To conditionally include or exclude DOM elements from the template.

  4. To repeat a block of HTML for a collection of data.
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

Property binding in Angular allows you to set the value of a DOM element's property based on the value of a component property. This enables you to dynamically update the DOM based on changes to the component's properties.

Multiple choice

What is the syntax for property binding in Angular?

  1. {{ property }}

  2. [(property)]

  3. (property)

  4. [property]
Reveal answer Fill a bubble to check yourself
D Correct answer
Explanation

Property binding in Angular is denoted by square brackets []. It allows you to bind a component property to a DOM element's property, enabling you to dynamically update the DOM based on changes to the component's properties.

Multiple choice

What is the purpose of event binding in Angular?

  1. To set the value of a DOM element's property based on a component property.

  2. To listen for events on a DOM element and respond to them.

  3. To conditionally include or exclude DOM elements from the template.

  4. To repeat a block of HTML for a collection of data.
Reveal answer Fill a bubble to check yourself
B Correct answer
Explanation

Event binding in Angular allows you to listen for events on a DOM element and respond to them by executing a method in your component. This enables you to handle user interactions with the DOM.

Multiple choice

What is the syntax for event binding in Angular?

  1. {{ property }}

  2. [(property)]

  3. (property)

  4. [property]
Reveal answer Fill a bubble to check yourself
C Correct answer
Explanation

Event binding in Angular is denoted by parentheses (). It allows you to bind a DOM event to a method in your component, enabling you to handle user interactions with the DOM.

Multiple choice

What is a structural directive in Angular?

  1. A directive that adds or removes DOM elements from the template based on a condition.

  2. A directive that modifies the behavior of a DOM element.

  3. A directive that listens for events on a DOM element.

  4. A directive that binds a component property to a DOM element's property.
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

Structural directives in Angular are directives that can add, remove, or manipulate DOM elements based on a condition. They are used to conditionally include or exclude DOM elements from the template.

Multiple choice

What is an example of a structural directive in Angular?

  1. ngIf

  2. ngFor

  3. ngSwitch

  4. ngClass
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

ngIf is an example of a structural directive in Angular. It allows you to conditionally include or exclude a DOM element from the template based on a condition.

Multiple choice

What is an attribute directive in Angular?

  1. A directive that adds or removes DOM elements from the template based on a condition.

  2. A directive that modifies the behavior of a DOM element.

  3. A directive that listens for events on a DOM element.

  4. A directive that binds a component property to a DOM element's property.
Reveal answer Fill a bubble to check yourself
B Correct answer
Explanation

Attribute directives in Angular are directives that can modify the behavior of a DOM element. They are used to add additional functionality to DOM elements.

Multiple choice

What is an example of an attribute directive in Angular?

  1. ngIf

  2. ngFor

  3. ngSwitch

  4. ngClass
Reveal answer Fill a bubble to check yourself
D Correct answer
Explanation

ngClass is an example of an attribute directive in Angular. It allows you to dynamically add and remove CSS classes to a DOM element based on a condition.

Multiple choice

What is the purpose of the *ngFor directive in Angular?

  1. To conditionally include or exclude DOM elements from the template.

  2. To repeat a block of HTML for a collection of data.

  3. To modify the behavior of a DOM element.

  4. To listen for events on a DOM element.
Reveal answer Fill a bubble to check yourself
B Correct answer
Explanation

The *ngFor directive in Angular is used to repeat a block of HTML for a collection of data. It allows you to easily iterate over an array or object and display its elements in the template.

Multiple choice

What is the syntax for the *ngFor directive in Angular?

  1. *ngFor="let item of items"

  2. *ngFor="item of items"

  3. *ngFor="items"

  4. *ngFor="let item in items | async"
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The syntax for the *ngFor directive in Angular is *ngFor="let item of items". It allows you to specify the collection of data to iterate over and the variable to use for each item in the collection.

Multiple choice

What is the purpose of the ngSwitch directive in Angular?

  1. To conditionally include or exclude DOM elements from the template.

  2. To repeat a block of HTML for a collection of data.

  3. To modify the behavior of a DOM element.

  4. To listen for events on a DOM element.
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The ngSwitch directive in Angular is used to conditionally include or exclude DOM elements from the template based on a value. It allows you to display different content depending on the value of a property.

Multiple choice

What is the syntax for the ngSwitch directive in Angular?

  1. [ngSwitch]="value"

  2. (ngSwitch)="value"

  3. *ngSwitch="value"

  4. ngSwitch="value"
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The syntax for the ngSwitch directive in Angular is [ngSwitch]="value". It allows you to specify the value to switch on and the different cases to handle.

Multiple choice

Which of the following is NOT a common type of user interface (UI) element?

  1. Buttons.

  2. Menus.

  3. Icons.

  4. Data analytics.
Reveal answer Fill a bubble to check yourself
D Correct answer
Explanation

Data analytics is not a type of UI element, as it involves analyzing data to understand user behavior and patterns, rather than being a visual element that users interact with.

Multiple choice

What is the providedIn property used for in Angular services?

  1. To specify the scope of the service (root or component)

  2. To define the dependencies required by the service

  3. To provide metadata about the service for DI

  4. To configure the lifecycle hooks of the service
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The providedIn property in Angular services determines the scope of the service, whether it's available throughout the application (root) or only within a specific component (component).