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.
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.
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?
Easy2Which lifecycle hook in a Lightning Web Component is called after every render of the component?
Easy3A 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?
Easy4A developer is writing a Visualforce page and wants to display messages generated by controllers or validation rules. Which component should be used?
Easy5Which TWO statements are true regarding the differences between Aura components and Lightning Web Components (LWC)? (Choose TWO)
Easy6A 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?
Hard7A developer creates a Visualforce page and wants to include standard Salesforce styling. Which attribute on the <apex:page> tag enables this?
Easy8A 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)
Medium9A 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?
Medium10A developer needs to create a Lightning Web Component configuration file. What is the required file extension and naming convention?
Easy11A 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?
Hard12Which TWO tools or environments are officially supported for developing Lightning Web Components? (Choose TWO)
Easy13A 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?
Hard14A 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)
Hard15A developer is building an Aura component and needs to include a Lightning Web Component inside it. How does the Aura markup reference the LWC?
Medium16Which TWO conditions must be met for an Apex method to be wired using the @wire service in an LWC? Choose 2 answers.
Medium17A 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?
Hard18A developer is implementing communication in Lightning Web Components. Which TWO mechanisms are valid for passing data or messages between components? (Choose TWO)
Medium19A developer needs to display a toast notification in a Lightning Web Component when a record is successfully saved. Which module should the developer import?
Medium20Which tag is used in Visualforce to output field labels and values dynamically based on sObject field definitions?
Easy21A 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)
Hard22What is the correct syntax to reference a custom label in a Lightning Web Component JavaScript file?
Easy23A 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?
Hard24A 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?
Medium25Which CSS methodology forms the foundation of the styling architecture in Salesforce Lightning Design System (SLDS)?
Easy26A developer is building a Lightning Web Component and needs to dispatch a custom event. Which constructor should be used to create the event?
Medium27A developer needs to navigate to a record detail page from a Lightning Web Component. Which service should be used?
Medium28A 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?
Medium29A 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)?
Medium30Which tag is used in Visualforce to include custom CSS stylesheets?
Easy31A 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?
Medium32A 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?
Easy33A 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?
Hard34A 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?
Easy35Which lifecycle hook in a Lightning Web Component runs after every render of the component?
Easy36A 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?
Medium37A developer wants to style a Lightning Web Component using the Salesforce Lightning Design System (SLDS). What is the recommended way to include SLDS styling?
Easy38Which TWO features are provided out-of-the-box by Visualforce when building standard user interfaces? (Choose TWO)
Easy39Which TWO actions can a developer perform using standard Visualforce controllers? Choose 2 answers.
Easy40Which SLDS utility class should a developer use to add a standard margin around a container?
Easy41A 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)
Easy42A 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?
Easy43A 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)
Hard44A 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)
Hard45A 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?
Medium46Which TWO lifecycle hooks are available in Lightning Web Components? Choose 2 answers.
Easy47A 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?
Medium48Which THREE statements are true regarding Lightning Web Component shadow DOM encapsulation? Choose 3 answers.
Hard49A 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?
Hard50Which base component should be used in LWC to display a tabular grid of data with sorting and row selection?
Easy51A developer needs to execute initialization logic as soon as a Lightning Web Component is inserted into the DOM. Which lifecycle hook should be used?
Medium52A 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?
Hard53A 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?
Hard54A 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?
Medium55A 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?
Hard56A 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?
Medium57A developer is implementing a Lightning Web Component with a custom CSS file. How does the component load its associated stylesheet?
Medium58A 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?
Easy59A 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?
Hard60A 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?
Hard61What is the correct file extension for a Lightning Web Component HTML template file?
Easy62A 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?
Hard63A 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?
Medium64A 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?
Medium65A 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?
Easy66Which TWO techniques can be used to pass data from a parent component to a child Lightning Web Component? Choose 2 answers.
Medium67A 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?
Hard68A 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?
Easy69A 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?
Hard70Which THREE requirements must be met when implementing a custom Lightning Web Component pagination control? Choose 3 answers.
Hard71Which TWO actions should a developer take when handling errors returned by an imperative Apex call in a Lightning Web Component? Choose 2 answers.
Medium72A 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?
Medium73A 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?
Hard74A 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)
Medium75A 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?
Medium76Which THREE strategies are recommended for improving the performance of Lightning Web Components rendering large lists of data? Choose 3 answers.
Hard77A 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?
Hard78A 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?
Hard79A developer is writing an Aura component and needs to dynamically create a component at runtime. Which JavaScript method should be used?
Hard80A developer needs to access a specific HTML element in a Lightning Web Component template imperatively. Which method should be called?
Hard81A 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?
Medium82A 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?
Hard83A 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?
Medium84A 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?
Hard85Which THREE practices are considered security best practices when developing custom Visualforce pages to prevent Cross-Site Scripting (XSS)? Choose 3 answers.
Hard86A 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?
Easy87A 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?
Hard88A 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?
Medium89A 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?
Medium90A 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?
Easy91A developer is creating an Aura component that interacts with Salesforce data. Which TWO tags or features are valid in the Aura framework? (Choose TWO)
MediumOther domains
All SALESFORCE-PD1 exam domains
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.