Courseiva

SALESFORCE-PD1 · domain

User Interface

This domain covers building user interfaces on the Salesforce Platform with Lightning Web Components, Aura components, and Visualforce. Questions test lifecycle hooks, component composition and slots, Lightning Message Service messaging, styling encapsulation, and the officially supported developer tooling and environments for LWC development.

91 questions29 easy31 medium31 hard

Focused practice

Practice User Interface questions

Scored sessions drawing only from this domain — pick a length below.

Start 20-question practice test →

What this domain covers

What to know about User Interface

Be able to build and compose Lightning Web Components: wire data, handle lifecycle hooks correctly, pass styling through slots, and publish or subscribe with Lightning Message Service. The single most important thing is importing the correct modules and using the right lifecycle hook for each task.

Importing the lightning/messageChannel module from lightning/messageService to publish LMS messages

Using ::slotted() in child component CSS to style content passed into slots

Choosing connectedCallback for initialization logic when an LWC is inserted into the DOM

Recognizing Salesforce CLI, VS Code with Salesforce Extensions, and Developer Edition orgs as supported LWC tooling

Watch out for

Common User Interface exam traps

  • ▸Confusing connectedCallback with renderedCallback, then running DOM-dependent logic too early or repeatedly on every render
  • ▸Trying to style slotted content from the parent with plain selectors instead of ::slotted() inside the child
  • ▸Importing the wrong LMS module, such as messageService alone, when publishing requires the message channel module

Question index

All User Interface questions (91)

Click any question to see the full explanation, or start a practice session above.

1

A developer is writing a Visualforce page and wants to include standard Salesforce styling and icons. What tag should be added to the top of the Visualforce page?

Easy
2

Which lifecycle hook in a Lightning Web Component is called after every render of the component?

Easy
3

A developer is building a Lightning Web Component and wants to define a property that can be set by a parent component. Which decorator is required?

Easy
4

A developer is writing a Visualforce page and wants to display messages generated by controllers or validation rules. Which component should be used?

Easy
5

Which TWO statements are true regarding the differences between Aura components and Lightning Web Components (LWC)? (Choose TWO)

Easy
6

A developer is troubleshooting an issue where a Lightning Web Component is not picking up changes to the internal fields of an object property. What is the cause of this behavior in LWC reactivity?

Hard
7

A developer creates a Visualforce page and wants to include standard Salesforce styling. Which attribute on the <apex:page> tag enables this?

Easy
8

A developer is working with component styling and design tokens in Lightning Web Components. Which TWO practices apply when working with SLDS styling in LWC? (Choose TWO)

Medium
9

A developer is building a Lightning Web Component and wants to iterate over a list of items in the HTML template. Which directive should be used?

Medium
10

A developer needs to create a Lightning Web Component configuration file. What is the required file extension and naming convention?

Easy
11

A developer is using the Lightning Message Service and needs to unsubscribe from a message channel when a component is destroyed. In which lifecycle hook should unsubscribe be called?

Hard
12

Which TWO tools or environments are officially supported for developing Lightning Web Components? (Choose TWO)

Easy
13

A developer creates a parent Lightning Web Component containing a child component. The parent needs to call a public method defined inside the child component. How is this accomplished?

Hard
14

A developer is utilizing the Lightning Message Service (LMS) to facilitate communication between an Aura component and a Lightning Web Component. Which THREE steps are required to implement LMS successfully? (Choose THREE)

Hard
15

A developer is building an Aura component and needs to include a Lightning Web Component inside it. How does the Aura markup reference the LWC?

Medium
16

Which TWO conditions must be met for an Apex method to be wired using the @wire service in an LWC? Choose 2 answers.

Medium
17

A developer creates a custom LWC that wraps child components. The developer needs to pass styling from the parent component into specific slots of the child component. Which CSS selector should be used inside the child component to style content passed into a slot?

Hard
18

A developer is implementing communication in Lightning Web Components. Which TWO mechanisms are valid for passing data or messages between components? (Choose TWO)

Medium
19

A developer needs to display a toast notification in a Lightning Web Component when a record is successfully saved. Which module should the developer import?

Medium
20

Which tag is used in Visualforce to output field labels and values dynamically based on sObject field definitions?

Easy
21

A developer is troubleshooting lifecycle hooks and rendering behavior in a Lightning Web Component. Which THREE statements are correct regarding LWC lifecycle execution order? (Choose THREE)

Hard
22

What is the correct syntax to reference a custom label in a Lightning Web Component JavaScript file?

Easy
23

A developer needs to pass data from a child Lightning Web Component to a parent Lightning Web Component up the component hierarchy. What is the standard mechanism to achieve this?

Hard
24

A developer needs to include a third-party style sheet in a Lightning Web Component. What is the standard way to load CSS styles that are stored as a static resource?

Medium
25

Which CSS methodology forms the foundation of the styling architecture in Salesforce Lightning Design System (SLDS)?

Easy
26

A developer is building a Lightning Web Component and needs to dispatch a custom event. Which constructor should be used to create the event?

Medium
27

A developer needs to navigate to a record detail page from a Lightning Web Component. Which service should be used?

Medium
28

A developer wants to conditionally display an HTML element in a Lightning Web Component template based on a boolean property named 'isVisible'. Which directive should be used?

Medium
29

A developer needs to configure a Lightning Web Component to be available for use on Lightning Record Pages. Which configuration entry must be present in the component's metadata file (.js-meta.xml)?

Medium
30

Which tag is used in Visualforce to include custom CSS stylesheets?

Easy
31

A developer needs to format a currency value according to the user's locale in a Lightning Web Component HTML template. Which base component should be used?

Medium
32

A developer needs to create a custom tab for a Lightning Web Component so it can be navigated to from the App Launcher. What type of custom tab must be created?

Easy
33

A developer is working with a Lightning Web Component and needs to access a child component's public method from the parent component. How is this achieved?

Hard
34

A developer is styling a Lightning Web Component using the Salesforce Lightning Design System (SLDS). To ensure the component adheres to the standard styling guidelines for spacing, what should the developer use?

Easy
35

Which lifecycle hook in a Lightning Web Component runs after every render of the component?

Easy
36

A developer is building a Lightning Web Component that displays a toast notification when a user successfully saves a record. Which module should the developer import to use the ShowToastEvent?

Medium
37

A developer wants to style a Lightning Web Component using the Salesforce Lightning Design System (SLDS). What is the recommended way to include SLDS styling?

Easy
38

Which TWO features are provided out-of-the-box by Visualforce when building standard user interfaces? (Choose TWO)

Easy
39

Which TWO actions can a developer perform using standard Visualforce controllers? Choose 2 answers.

Easy
40

Which SLDS utility class should a developer use to add a standard margin around a container?

Easy
41

A developer is creating a Lightning Web Component that needs to interact with Salesforce data using Lightning Data Service. Which TWO wire adapters are natively available in the @salesforce/apex or lightning/ui* modules for basic record operations? (Choose TWO)

Easy
42

A developer is creating a Visualforce page that overrides the standard Account View action. Which attribute must be included in the <apex:page> tag to ensure standard controller functionality?

Easy
43

A developer is implementing error handling for an imperative Apex call in a Lightning Web Component. Which THREE properties or techniques are standard for catching and inspecting errors returned from Apex promises? (Choose THREE)

Hard
44

A developer is reviewing a Lightning Web Component that makes calls to an Apex controller. Which THREE best practices should be followed when designing the Apex methods for LWC consumption? (Choose THREE)

Hard
45

A developer is building a Lightning Web Component and needs to navigate to a URL that is external to Salesforce. Which PageReference type should be used with NavigationMixin?

Medium
46

Which TWO lifecycle hooks are available in Lightning Web Components? Choose 2 answers.

Easy
47

A developer is building a Lightning Web Component and needs to perform validation on an input field before submission. Which method on a lighting-input element checks validity?

Medium
48

Which THREE statements are true regarding Lightning Web Component shadow DOM encapsulation? Choose 3 answers.

Hard
49

A developer is writing a Lightning Web Component and needs to load a third-party JavaScript library (such as D3.js) stored as a static resource. Which lifecycle hook is most appropriate for initiating the load using loadScript?

Hard
50

Which base component should be used in LWC to display a tabular grid of data with sorting and row selection?

Easy
51

A developer needs to execute initialization logic as soon as a Lightning Web Component is inserted into the DOM. Which lifecycle hook should be used?

Medium
52

A developer is building a Lightning Web Component and needs to listen to a custom event dispatched by a child component. How is the event listener attached in the parent HTML template?

Hard
53

A developer is building a Lightning Web Component that includes a custom wire adapter to fetch custom metadata. The wire adapter needs to react whenever a tracked property changes value. How should the developer wire the property?

Hard
54

A developer needs to retrieve Salesforce data in a Lightning Web Component without writing imperative Apex. Which module should be imported to use the wire service for standard record data?

Medium
55

A developer creates a Lightning Web Component that includes a third-party JavaScript library loaded via a Static Resource. In which lifecycle hook should the third-party library be initialized?

Hard
56

A developer is building a Visualforce page that uses a custom controller and needs to display a message to the user when an error occurs. Which class and method should be used?

Medium
57

A developer is implementing a Lightning Web Component with a custom CSS file. How does the component load its associated stylesheet?

Medium
58

A developer is building a Lightning Web Component and needs to execute code as soon as the component is inserted into the DOM. Which lifecycle hook should the developer use?

Easy
59

A developer is implementing navigation in a Lightning Experience app using the NavigationMixin service in a Lightning Web Component. The developer wants to navigate to a standard ListView for the Account object. What is the correct type to specify?

Hard
60

A developer is troubleshooting a Lightning Web Component where data returned from an Apex wire adapter needs to be mutated before being rendered. What is the correct pattern to handle this?

Hard
61

What is the correct file extension for a Lightning Web Component HTML template file?

Easy
62

A developer is configuring a Lightning Web Component that uses the Lightning Message Service (LMS). Which module must be imported to publish a message on a message channel?

Hard
63

A developer is writing a Visualforce page with custom controller logic and needs to ensure that database operations are executed transactionally. What happens by default when an unhandled exception occurs during a controller action method?

Medium
64

A developer has a Lightning Web Component with a reactive property 'recordId'. How should the property be decorated to ensure it receives the current record ID when placed on a record page?

Medium
65

A developer wants to include a custom styling hook to override a standard Lightning Design System component token in a Lightning Web Component. Where should this CSS custom property be defined?

Easy
66

Which TWO techniques can be used to pass data from a parent component to a child Lightning Web Component? Choose 2 answers.

Medium
67

A developer creates a Lightning Web Component that consumes data from a wire adapter. The wire adapter returns an object with 'data' and 'error' properties. What is this pattern called in LWC?

Hard
68

A developer is building a Lightning Web Component that must be made available for use on Lightning Record Pages. Which configuration tag must be included in the component's metadata file?

Easy
69

A developer needs to catch unhandled JavaScript errors in a Lightning Web Component hierarchy so the entire app doesn't crash. Which lifecycle hook handles errors thrown by descendant components?

Hard
70

Which THREE requirements must be met when implementing a custom Lightning Web Component pagination control? Choose 3 answers.

Hard
71

Which TWO actions should a developer take when handling errors returned by an imperative Apex call in a Lightning Web Component? Choose 2 answers.

Medium
72

A developer is creating a reusable LWC utility and needs to invoke an Apex method imperatively. The method accepts a record ID parameter. What is the correct way to pass this parameter in JavaScript?

Medium
73

A developer is writing a custom wire adapter or working with custom data in LWC and needs to manually provision data or force a refresh of wire data. Which function should be imported from lightning/uiRecordApi or related wire modules?

Hard
74

A developer is designing a Lightning Web Component that needs to be conditionally displayed in different Salesforce containers. Which TWO targets are valid entries in the component's js-meta.xml configuration file? (Choose TWO)

Medium
75

A developer is creating a Lightning Web Component and needs to iterate over a list of items in the HTML template. Which directive should be used?

Medium
76

Which THREE strategies are recommended for improving the performance of Lightning Web Components rendering large lists of data? Choose 3 answers.

Hard
77

A developer is working with a Lightning Web Component and needs to ensure reactive updates occur when an object property or array element changes inside a tracked property. What is the correct approach in modern LWC?

Hard
78

A developer is implementing a Lightning Web Component that handles drag-and-drop functionality. Which native DOM event is typically intercepted to allow a drop action on an element?

Hard
79

A developer is writing an Aura component and needs to dynamically create a component at runtime. Which JavaScript method should be used?

Hard
80

A developer needs to access a specific HTML element in a Lightning Web Component template imperatively. Which method should be called?

Hard
81

A developer is writing a Visualforce page that uses a custom controller. The page needs to execute an action method as soon as the page loads, without requiring user interaction. Which attribute on <apex:page> should be used?

Medium
82

A developer is creating a Lightning Web Component that needs to conditionally render a section based on a boolean property. The property is initially false and is set to true after data is loaded from an Apex method. Which approach should the developer use to ensure the section renders only when the property is true?

Hard
83

A developer is working with a Lightning Web Component that uses the @wire decorator to provision data from an Apex method. The Apex method depends on a property that changes dynamically. How should the property be prefixed to signal reactivity to the wire service?

Medium
84

A developer is implementing a custom pagination mechanism in a Lightning Web Component. The component uses an Apex controller method that returns a list of records. Which technique prevents excessive heap size and improves performance when dealing with large datasets?

Hard
85

Which THREE practices are considered security best practices when developing custom Visualforce pages to prevent Cross-Site Scripting (XSS)? Choose 3 answers.

Hard
86

A developer needs to ensure that a Lightning Web Component can be placed on a Record Page for an Account in the Lightning App Builder. What must be configured in the component's metadata configuration file?

Easy
87

A developer has an Aura component that needs to communicate with an unrelated Lightning Web Component located on the same Lightning page. Which feature should the developer implement?

Hard
88

A developer is building a Lightning Web Component that displays a list of contacts for a selected account. The component must call an Apex method that returns contacts, and the developer wants to handle the result using a Promise chain. Which Apex method annotation is required to expose the method to the Lightning Web Component?

Medium
89

A developer is building a Lightning Web Component that includes user input fields. To adhere to best practices for accessibility and SLDS form styling, how should form inputs be structured?

Medium
90

A developer is building a Lightning Web Component and needs to execute code as soon as the component is inserted into the DOM. Which lifecycle hook should be used?

Easy
91

A developer is creating an Aura component that interacts with Salesforce data. Which TWO tags or features are valid in the Aura framework? (Choose TWO)

Medium

Frequently asked questions

What does the User Interface domain cover on the SALESFORCE-PD1 exam?
Be able to build and compose Lightning Web Components: wire data, handle lifecycle hooks correctly, pass styling through slots, and publish or subscribe with Lightning Message Service. The single most important thing is importing the correct modules and using the right lifecycle hook for each task.
How many questions are in this domain?
This page lists all 91 User Interface questions in the SALESFORCE-PD1 question bank. The actual exam draws from this domain proportionally to its weighting in the official exam blueprint.
What is the best way to practise this domain?
Start with a short focused session (10 questions) to identify gaps, then work through explanations. Repeat with a longer session once the weak areas feel solid.
Can I practise only User Interface questions?
Yes — the session launcher on this page filters questions to this domain only. Choose any session length for inline explanations and scoring.
Salesforce Certified Platform Developer I (SALESFORCE-PD1) User Interface Practice Questions