Computer Knowledge

GUI and Web Frameworks

1,711 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

What property is used to distribute space between flex items along the cross axis of the flex container?

  1. flex-direction

  2. flex-wrap

  3. justify-content

  4. align-items
Reveal answer Fill a bubble to check yourself
D Correct answer
Explanation

The align-items property distributes space between flex items along the cross axis of the flex container. It can be set to flex-start, flex-end, center, baseline, or stretch.

Multiple choice

What property is used to specify the initial size of flex items in a flex container?

  1. flex-grow

  2. flex-shrink

  3. flex-basis

  4. flex
Reveal answer Fill a bubble to check yourself
C Correct answer
Explanation

The flex-basis property specifies the initial size of flex items in a flex container. It can be set to a specific length value, a percentage, or auto.

Multiple choice

What property is used to control how flex items grow when there is extra space in the flex container?

  1. flex-grow

  2. flex-shrink

  3. flex-basis

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

The flex-grow property controls how flex items grow when there is extra space in the flex container. It can be set to a number, a percentage, or 0.

Multiple choice

What property is used to control how flex items shrink when there is not enough space in the flex container?

  1. flex-grow

  2. flex-shrink

  3. flex-basis

  4. flex
Reveal answer Fill a bubble to check yourself
B Correct answer
Explanation

The flex-shrink property controls how flex items shrink when there is not enough space in the flex container. It can be set to a number, a percentage, or 0.

Multiple choice

What property is used to specify a shorthand for the flex-grow, flex-shrink, and flex-basis properties?

  1. flex-grow

  2. flex-shrink

  3. flex-basis

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

The flex property is a shorthand for the flex-grow, flex-shrink, and flex-basis properties. It can be set to a single value or a combination of values.

Multiple choice

What is the default value of the flex-wrap property?

  1. nowrap

  2. wrap

  3. wrap-reverse
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The default value of the flex-wrap property is nowrap, which means that flex items will not wrap to the next line when they reach the end of the flex container.

Multiple choice

What is the default value of the flex-grow property?

  1. 0

  2. 1

  3. 2

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

The default value of the flex-grow property is 0, which means that flex items will not grow when there is extra space in the flex container.

Multiple choice

What is the default value of the flex-shrink property?

  1. 0

  2. 1

  3. 2

  4. 3
Reveal answer Fill a bubble to check yourself
B Correct answer
Explanation

The default value of the flex-shrink property is 1, which means that flex items will shrink proportionally when there is not enough space in the flex container.

Multiple choice

What is the default value of the flex-basis property?

  1. 0

  2. auto

  3. 100%

  4. 200%
Reveal answer Fill a bubble to check yourself
B Correct answer
Explanation

The default value of the flex-basis property is auto, which means that flex items will have their natural size.

Multiple choice

Which standard provides guidelines for the design of user interfaces for software applications?

  1. ISO 9241-11

  2. ISO 9241-10

  3. ISO 9241-12

  4. ISO 9241-13
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

ISO 9241-11 provides guidelines for the design of user interfaces for software applications, including principles for user-centered design, task analysis, and usability testing.

Multiple choice

What is the main concept behind React?

  1. Virtual DOM

  2. Component-based architecture

  3. Declarative programming

  4. All of the above
Reveal answer Fill a bubble to check yourself
D Correct answer
Explanation

React is based on the concept of virtual DOM, component-based architecture, and declarative programming.

Multiple choice

What is the purpose of the virtual DOM in React?

  1. To improve performance

  2. To make the code more readable

  3. To make the code more maintainable

  4. To make the code more portable
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The virtual DOM is used in React to improve performance. It is a lightweight representation of the real DOM, which allows React to efficiently update the UI.

Multiple choice

What is a component in React?

  1. A reusable piece of code that renders a UI

  2. A function that returns a UI

  3. A class that defines a UI

  4. All of the above
Reveal answer Fill a bubble to check yourself
D Correct answer
Explanation

In React, a component can be a reusable piece of code that renders a UI, a function that returns a UI, or a class that defines a UI.

Multiple choice

What is the purpose of a component in Angular?

  1. To define a reusable UI element

  2. To handle user input

  3. To manage state

  4. All of the above
Reveal answer Fill a bubble to check yourself
D Correct answer
Explanation

Components in Angular are used to create reusable UI elements, handle user input, and manage state.

Multiple choice

What is the syntax for creating a component in Angular?

  1. @Component({selector: 'my-component', templateUrl: 'my-component.html'})

  2. @Component({selector: 'my-component', template: 'My Component'})

  3. @Component({selector: 'my-component'})

  4. None of the above
Reveal answer Fill a bubble to check yourself
B Correct answer
Explanation

To create a component in Angular, you use the @Component decorator. The selector property specifies the CSS selector that will be used to identify the component in HTML, and the template property specifies the HTML template that will be used to render the component.