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 Angular decorator is used to mark a class as a service?

  1. @Injectable()

  2. @Component()

  3. @NgModule()

  4. @Directive()
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The @Injectable() decorator in Angular is used to mark a class as a service, indicating that it can be injected into other components, services, or modules.

Multiple choice

Which lifecycle hook method is called when an Angular service is destroyed?

  1. ngOnInit()

  2. ngOnDestroy()

  3. ngOnChanges()

  4. ngAfterViewInit()
Reveal answer Fill a bubble to check yourself
B Correct answer
Explanation

The ngOnDestroy() lifecycle hook method in Angular is called when a service is destroyed, allowing for cleanup tasks and the release of resources.

Multiple choice

What is the purpose of the providers array in Angular modules?

  1. To define the services available within the module

  2. To specify the components and directives used in the module

  3. To configure the routing for the module

  4. To provide metadata about the module for DI
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The providers array in Angular modules is used to define the services that are available within that module, allowing for their injection into components and other services.

Multiple choice

Which Angular service is used for managing state and data across components?

  1. StateService

  2. StoreService

  3. ReduxService

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

NgRx Store is a popular state management library for Angular that provides a centralized store for managing application state and data, enabling consistent and predictable state updates across components.

Multiple choice

What is the purpose of the @Optional() decorator in Angular?

  1. To specify that a dependency is optional and can be omitted if not provided

  2. To mark a service as optional and allow it to be injected without a provider

  3. To define the scope of a service (root or component)

  4. To provide metadata about a service for DI
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The @Optional() decorator in Angular allows you to specify that a dependency is optional and can be omitted if it is not provided by the DI system, providing flexibility in dependency injection.

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).

Multiple choice

What is the purpose of the @SkipSelf() decorator in Angular?

  1. To skip the current component and search for the dependency in the parent component

  2. To skip the current component and search for the dependency in the child components

  3. To skip the current component and search for the dependency in the sibling components

  4. To skip the current component and search for the dependency in the root component
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The @SkipSelf() decorator in Angular allows you to skip the current component and search for the dependency in the parent component, enabling you to access dependencies from higher levels in the component hierarchy.

Multiple choice

What is the purpose of the @Host() decorator in Angular?

  1. To access the host element of a directive

  2. To access the host component of a directive

  3. To access the host view of a directive

  4. To access the host template of a directive
Reveal answer Fill a bubble to check yourself
A Correct answer
Explanation

The @Host() decorator in Angular allows you to access the host element of a directive, providing a way to interact with the DOM element that the directive is attached to.

Multiple choice

Which cross-platform mobile development framework is known for its declarative UI syntax?

  1. Xamarin

  2. React Native

  3. Flutter

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

React Native uses a declarative UI syntax similar to React, allowing developers to define the UI structure and behavior in a concise and readable manner.

Multiple choice

What is the purpose of a container image?

  1. Storing application code and dependencies

  2. Defining container configuration settings

  3. Providing a runtime environment for containers

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

Container images encapsulate application code, dependencies, configuration settings, and the necessary runtime environment, enabling portability and consistency across different environments.