SALESFORCE-PD1 User Interface Practice Test 2 — 15 Questions

Question 1

Which tag is used in Visualforce to embed JavaScript code directly inside the page?

Accepted Answer

. In Visualforce, to embed JavaScript code directly inside the page (inline), you use the standard HTML

Answer

<apex:script>

Answer

<apex:code>

Answer

<apex:javascript>

Question 2

Which TWO tools or features are recommended for styling Lightning Web Components according to best practices? Choose 2 answers.

Accepted Answer

Component-scoped CSS style files (.css). The explanation is correct, but the trap fields are missing as per the prompt requirements.

Answer

Global un-scoped CSS stylesheets loaded in every page

Answer

Inline style tags in HTML templates

Answer

Bootstrap CSS framework via static resource

Question 3

Which TWO configuration files or metadata elements are required when creating a Lightning Web Component? Choose 2 answers.

Accepted Answer

A JavaScript file (.js). Every Lightning Web Component strictly requires a JavaScript file (.js) to define its logic and a metadata configuration file (.js-meta.xml) to define metadata for the component. While an HTML template file is common, it is not strictly required if the component renders no visual UI.

Answer

A CSS stylesheet (.css)

Answer

An Apex controller class

Answer

An Aura dependency bundle (.auradoc)

Question 4

Which THREE features or capabilities are supported by the Lightning Message Service (LMS)? Choose 3 answers.

Accepted Answer

Communication between unrelated components on the same Lightning page.. Option A is correct because Lightning Message Service (LMS) is specifically designed to enable communication between components that have no direct parent-child relationship, including unrelated components on the same Lightning page, via a message channel. Option B is correct because LMS supports interoperability between different programming models, including communication between Visualforce pages and Lightning Web Components, using the lightning:messageChannel and the Lightning Message Service API. Option D is correct because LMS also enables communication between Aura components and Lightning Web Components, allowing them to publish and subscribe to the same message channel. Option C is not correct because LMS communication is scoped to a single Lightning page or application context and does not span separate browser tabs. Option E is not correct because LMS is a client-side messaging framework and does not perform asynchronous server-side database updates automatically.

Answer

Communication across components in different browser tabs.

Answer

Executing asynchronous server-side database updates automatically.

Question 5

Which THREE actions should a developer take to optimize Visualforce view state performance? Choose 3 answers.

Accepted Answer

Query only the fields needed in the page rather than entire sObjects.. Option B is correct because querying only the fields actually needed (e.g., using a selective SOQL SELECT list instead of SELECT of all fields) reduces the amount of sObject data serialized into the view state, directly shrinking its size. Option C is correct because marking member variables as transient excludes them from the view state, so data that does not need to survive a postback is not serialized and re-sent between client and server. Option E is correct because each form component (apex:inputField, apex:inputText, etc.) and controller state variable contributes to the serialized view state, so minimizing their number reduces the overall view state size and stays within the 135 KB limit. Option A is not correct because public static variables are not part of the controller instance state and are not the recommended mechanism for reducing view state; storing sObjects in instance variables would actually increase it. Option D is not correct because storing large lists of static data in controller member variables increases the view state, whereas such data should be marked transient or kept out of the controller state.

Answer

Store sObjects in public static variables.

Answer

Store large lists of static data in controller member variables.

Question 6

Which TWO methods can be used to navigate to a standard Salesforce object's home page from a Lightning Web Component? Choose 2 answers.

Accepted Answer

Using NavigationMixin.Navigate with type 'standard__objectPage' and actionName 'home'.. Option C is correct because NavigationMixin.Navigate with pageReference type 'standard__objectPage', actionName 'home', and the object's API name (attributes.objectApiName) is the documented, supported way to navigate to a standard object's home page from an LWC. Option D is correct because NavigationMixin.GenerateUrl accepts the same 'standard__objectPage' page reference with actionName 'home' and returns a URL that can be used in an anchor tag or navigation, producing a bookmarkable link to the object home. Option A is incorrect because force:navigateToSObject is an Aura event used in Aura components, not the LWC navigation mechanism, and it navigates to a record page rather than an object home. Option B is incorrect because hardcoding Salesforce URLs with window.location.assign() is unsupported and breaks across orgs, domains, and Lightning Experience versus Salesforce Classic. Option E is incorrect because lightning/uiRecordApi provides record data operations (getRecord, createRecord, updateRecord, deleteRecord), not navigation methods.

Answer

Using force:navigateToSObject Aura event.

Answer

Using window.location.assign() with hardcoded Salesforce URLs.

Answer

Using lightning/uiRecordApi navigation methods.

Question 7

Which TWO statements are true regarding Aura components and Lightning Web Components interoperability? Choose 2 answers.

Accepted Answer

An Aura component can include a Lightning Web Component in its markup.. Aura components can wrap Lightning Web Components, but LWC cannot contain Aura components.

Answer

A Lightning Web Component can include an Aura component in its markup.

Answer

Aura components use the shadow DOM natively just like LWC.

Answer

LWC components must be wrapped in an aura:application to run.

Question 8

Which TWO ways can a developer trigger a server-side Apex method imperatively from a Lightning Web Component? Choose 2 answers.

Accepted Answer

Import the Apex method as a JavaScript function from '@salesforce/apex/ClassName.methodName'.. Option A is correct because the standard way to call an Apex method imperatively from a Lightning Web Component is to import it as a JavaScript function using the syntax import methodName from '@salesforce/apex/ClassName.methodName'; this makes the Apex method available as a callable function in the component's JavaScript controller. Option E is correct because once the Apex method is imported, you invoke it imperatively as a function and handle the returned Promise using .then() for the successful result and .catch() for errors, which is the documented imperative Apex pattern in LWC. Option B is incorrect because @wire is the declarative (reactive) approach, not the imperative one, and it is used to wire Apex methods or wire adapters to properties or functions rather than to trigger calls imperatively. Option C is incorrect because Apex calls from LWC are asynchronous and return a Promise; they cannot be invoked synchronously on the main thread. Option D is incorrect because standard HTML form submission tags are unrelated to invoking Apex methods and would not call server-side Apex imperatively.

Answer

Decorate the call with @wire in the JavaScript controller.

Answer

Call the method synchronously on the main thread.

Answer

Use standard form submission tags in HTML.

Question 9

A developer is creating a Lightning Web Component that needs to display a list of Accounts. The developer wants to fetch the data imperatively when a user clicks a button rather than automatically via a wire adapter. What is the correct approach?

Accepted Answer

Call the imported Apex method as a JavaScript function inside the button's event handler and handle the returned promise.. Imperative Apex calls in LWC are made by importing the Apex method and invoking it as a JavaScript function inside an event handler, then handling the returned Promise with .then()/.catch() or async/await. This gives the developer full control over when the callout fires — in this case, on button click rather than on component load.

Answer

Use the @api track decorator on the Apex method call inside the template.

Answer

Use the @wire decorator on an imported Apex method and update a reactive property.

Answer

Configure the component metadata file to fetch the data imperatively on load.

Question 10

A developer is working with a Visualforce page and wants to display a list of Account records using standard styling that matches the Salesforce Classic UI. Which component should the developer include?

Accepted Answer

. The component (typically used inside an ) renders a data table that automatically inherits the standard styling of the Salesforce Classic UI, making it ideal for displaying a list of records like Accounts while maintaining the native look and feel.

Answer

<apex:sldsGrid>

Answer

<apex:lightningStylesheets>

Answer

<apex:outputStandardTable>

Question 11

A developer has created a custom Aura component that needs to be embedded within a Lightning Web Component. What is the correct rule regarding component composition between Aura and LWC?

Accepted Answer

Aura components can contain Lightning Web Components in their markup.. Aura components can contain Lightning Web Components (LWC) in their markup by simply referencing them using kebab-case. However, LWC cannot contain Aura components directly in their HTML markup. Therefore, option C is correct.

Answer

LWC can directly contain Aura components in its markup.

Answer

Neither framework can consume components from the other framework.

Answer

Both frameworks can freely nest each other without restrictions.

Question 12

A developer is writing a Lightning Web Component and needs to conditionally render a block of HTML markup based on a boolean property named 'isVisible'. What is the correct syntax in the HTML template?

Accepted Answer

<template if:true={isVisible}>. Modern Lightning Web Components use 'lwc:if={isVisible}' (and 'lwc:elseif' / 'lwc:else') for conditional rendering of a template, replacing the older 'if:true={isVisible}' syntax. Furthermore, the explanation mentions 'l:if' which is a typo.

Answer

<apex:outputPanel rendered="{!isVisible}">

Answer

Answer

Question 13

A developer is working with the Lightning Data Service (LDS) via the @wire decorator to get record data. The record is updated elsewhere in the app, and the developer wants to imperatively refresh the wire data cache. Which function should be called?

Accepted Answer

refreshApex(). To refresh or invalidate the Lightning Data Service (LDS) cache when a record is updated elsewhere, the correct function is getRecordNotifyChange (from 'lightning/uiRecordApi'). refreshApex() is used to refresh data provisioned specifically by an @wire adapter calling an Apex method, not standard LDS wire adapters.

Answer

rehashData()

Answer

force:refreshView

Answer

reloadRecord()

Question 14

A developer is configuring a Lightning Web Component metadata file to allow the component to be placed on a FlexPage. Which tag defines the configuration regions or design properties?

Accepted Answer

Inside the component-name.js-meta.xml file under the tag.. In Lightning Web Components (LWC), design properties that allow a component to be configured when placed on a FlexPage in Lightning App Builder are defined inside the `component-name.js-meta.xml` metadata file under the `` and `` tags. A separate `.design` file is used for Aura components, not LWC.

Answer

Inside the component-name.html template using special attribute tags.

Answer

Using global variables in the component's JavaScript controller file.

Answer

A separate component-name.design file in the bundle.

Question 15

Which tool or feature should a developer use to test Lightning Web Components locally on their workstation without deploying to Salesforce every time?

Accepted Answer

LWC Local Development Server. The LWC Local Development Server (invoked via 'sf lightning dev app' or the older 'sfdx lightning:lwc:dev' tooling) runs a Node-based server on the developer's workstation that renders Lightning Web Components in a browser with mocked Salesforce data, without requiring a deployment to an org for every change. It supports hot reload and lets developers iterate on markup, CSS, and JS quickly before pushing to a scratch or sandbox org.

Answer

The Developer Console preview tab

Answer

Visual Studio Code Live Server extension pointing to Salesforce org

Answer

Salesforce CLI force:source:preview command