OutSystems Front end Developer Specialist 問題練習

Question No : 1
An element using the class 'text-primary' has its color defined in the module theme stylesheet as green. If the primary color is changed to red using the Theme Editor, what will be the primary color?

• A.Red, because the primary color in the Theme Editor always takes precedence.
• B.Red, because the Theme Editor overrides the module theme.
• C.Green, because the Theme Editor does not affect the primary color.
• D.Green, because the module theme stylesheet overrides the Theme Editor's styles.

答えを確認する

正解:
Explanation:
The module theme stylesheet overrides the Theme Editor styles because its :root definitions are applied later in the cascading order, ensuring the primary color remains green.

Question No : 2
A set of applications uses a company's theme as a base, which itself uses the OutSystems theme.
The company wants to add new styles and looks & feels (beyond those already in the company's theme) to a subset of pages (e.g., a portal).
What is the best way to achieve this?

• A.Create inline styles for the new pages to apply the new styles directly.
• B.Create a new theme based on the company's theme and modify it as needed. Assign this new theme to the relevant pages.
• C.Modify the existing company's theme to include the new styles and apply it to all pages.
• D.Add the new styles directly to the OutSystems theme and apply it to the portal.

答えを確認する

正解:
Explanation:
The best practice is to create a new theme based on the company's theme, ensuring that changes are isolated to the desired pages without impacting existing ones.

Question No : 3
Considering the possibility of calling asynchronous Actions in JavaScript codedefined in an OutSystems application, which of the following options is true?

• A.The $resolve() function signals either a successful or an unsuccessful execution of an asynchronous Client Action.
• B.The $reject() function will trigger an Exception, when used, which will be handled by the first Exception handler available.
• C.When an asynchronous Client Action is called, its return value is a simple JavaScript object.
• D.A Client Action is only considered asynchronous when the $resolve() or $reject() functions are used in a JavaScript element inside the Action.

答えを確認する

正解:
Explanation:
Customer Actions are considered asynchronous when using $resolve() or $reject() functions or involving server calls. $reject() triggers an Exception handled by the nearest Exception handler.

Question No : 4
Consider the scenario in the next image, where the DirectoryTh Theme is the default module theme, and the ItemBlock is used in the Items Screen.
Knowing that no other Theme is used in the module, what is the correct style for the Item Container in the Items Screen?

• A.Background color will be black and the text color will be white.
• B.Background color will be black and the text color will be the default one.
• C.Background color will be blue and the text color will be white.
• D.Background color will be red and the text color will be blue.

答えを確認する

正解:
Explanation:
According to CSS application rules, the Canvas style takes precedence, resulting in a black background and white text for the Item Container.

Question No : 5
A PanelBlock is being used across multiple Screens in an app. Within the Block’s structure, there are predefined placeholders, including ActionsRight and ContentPh.
When using this Block in a parent Screen, what can the developer modify?

• A.The developer can only add elements to the ActionsRight placeholder.
• B.The developer can hide the heading3 and Footer Containers.
• C.Nothing. The structure and elements in the Block can only be modified or adapted in the context of the Block.
• D.The developer can add to or remove elements from the ActionsRight and ContentPh placeholders.

答えを確認する

正解:
Explanation:
In OutSystems, placeholders in Blocks (such as ActionsRight and ContentPh) enable developers to customize content when using the Block in different Screens.
These placeholders make Blocks reusable while still allowing modifications in the parent Screen where they are used.

Question No : 6
Where can JavaScript be added and executed in OutSystems Reactive applications?

• A.Only in Screens.
• B.Only in the Logic layer.
• C.Only in Client Actions.
• D.In Client Actions and Global Client Actions.

答えを確認する

正解:
Explanation:
JavaScript can be added in Client Actions (Screens and Blocks) and Global Client Actions (Logic layer).

Question No : 7
What is the purpose of the `$public` object in OutSystems JavaScript APIs?

• A.To manage JavaScript events.
• B.To override existing API modules.
• C.To access predefined API modules.
• D.To define custom JavaScript variables.

答えを確認する

正解:
Explanation:
The `$public` object is a predefined object in OutSystems used to access API modules.

Question No : 8
When does JavaScript inside Client Actions run in OutSystems?

• A.When the screen is refreshed.
• B.When the actions are executed (event-driven).
• C.At the end of the screen rendering.
• D.When the module is loaded.

答えを確認する

正解:
Explanation:
JavaScript inside Client Actions runs when the associated actions are executed, making it event-driven.

Question No : 9
What is the recommended practice for formatting CSS property-value pairs in OutSystems?

• A.Write the property on one line and the value on another.
• B.Write the property and value without any spaces.
• C.Add a single space between the property and the value.
• D.Omit the property name to simplify the CS

答えを確認する

正解:
Explanation:
Adding a space between the property and value improves the readability of the CSS code.

Question No : 10
What is the recommended naming convention for CSS classes in OutSystems?

• A.Use camelCase for class names.
• B.Use all lowercase letters with words separated by hyphens.
• C.Use PascalCase for class names.
• D.Use underscores instead of hyphens.

答えを確認する

正解:
Explanation:
The recommended naming convention is to use all lowercase letters with words separated by hyphens for readability.

Question No : 11
What are Client Actions in OutSystems Reactive applications equivalent to?

• A.Functions
• B.Objects
• C.Methods
• D.Variables

答えを確認する

正解:
Explanation:
Client Actions are equivalent to methods, representing reusable actions in applications.

Question No : 12
What CSS layout technique is recommended for building patterns in OutSystems?

• A.Rely solely on inline styles for patterns.
• B.Use Grid for all layouts.
• C.Avoid using both Grid and Flexbox together.
• D.Utilize Flexbox to build patterns.

答えを確認する

正解:
Explanation:
Flexbox is recommended for building responsive and reusable patterns in OutSystems.

Question No : 13
Which methods are available under the `FeedbackMessage` module in OutSystems?

• A.closeErrorMessage and closeFeedbackMessage.
• B.showErrorMessage and showFeedbackMessage.
• C.closeFeedbackMessage and showFeedbackMessage.
• D.closeFeedbackMessage and updateFeedbackMessage.

答えを確認する

正解:
Explanation:
The `FeedbackMessage` module provides `closeFeedbackMessage` and `showFeedbackMessage` methods.

Question No : 14
What is the correct execution order for JavaScript in OutSystems Reactive applications?

• A.Screen, Module, Block
• B.Module, Screen, Block
• C.Module, Block, Screen
• D.Block, Screen, Module

答えを確認する

正解:
Explanation:
JavaScript execution in OutSystems Reactive applications follows the order: Module, Block, Screen.

Question No : 15
What is the primary purpose of the App.css file in the style guide architecture?

• A.To enable dynamic styling across apps.
• B.To manage UI patterns and layouts centrally.
• C.To provide styles specific to each application.
• D.To define themes for multiple applications.

答えを確認する

正解:
Explanation:
App.css files are used to define application-specific styles within the architecture.