Programming Lightning Web Components

Discover how to develop custom applications that run in Lightning Experience and Salesforce mobile, and how to support multiple devices and screen sizes from a single codebase.

In this 5-day class, our platform experts will show you how to program Lightning Web Components with markup, JavaScript, CSS, Apex, and the Salesforce Lightning Design System (SLDS), and how to make them available to Salesforce end users.

When you complete this course, you will be able to:

• Develop Lightning Web Components for use in many Salesforce Experiences.
• Work in a modern Salesforce development environment using Visual Studio Code, Git, and the Salesforce CLI in conjunction with a Dev Hub and scratch orgs.
• Communicate between Lightning Web Components using custom events, public methods, and pub-sub.
• Read and write Salesforce data using wire service and imperative Apex.
• Style Lightning Web Components with CSS and SLDS.
• Build advanced components using service components, localization, third-party JavaScript, and external APIs.
• Create forms using standard components and custom controls.
• Develop in a source-tracked org and deploy to non source-tracked orgs.

Lightning Web Components

Get to Know the Lightning Web Components Model

• Create Lightning Web Components
• Style Components
• Define Component Properties
• Handle DOM Events
• Debug Lightning Web Components
• Work with Salesforce Data
• Use Base Lightning Components
• Raise and Handle Events
• Go Further with Advanced Communication Between Components

Surfacing Lightning Web Components

• Build Lightning Pages with Components and App Builder
• Build Components for Lightning Experience Record Pages
• Surface Lightning Web Components
• Override Standard Actions
• Define a Lightning Application
• Use Lightning in Visualforce Pages with Lightning Out
• Review Other Supported Experiences

Navigation and Layouts

• Use Lightning-Vertical-Navigation
• Use Lightning-Datatable
• Implement Button Groups
• Build Responsive Layouts

Advanced Components

• Create a Custom, Responsive Datatable
• Define Public Functions on Components
• Use Service Components and Toast Notifications
• Pass Markup into Slots and Display Modal Notifications
• Review Localization Options
• Understand Renderers and Third-Party JavaScript

Lightning Web Components and Salesforce Data

• Implement Forms
• Implement Forms with Custom Controls
• Validate Input Data
• View and Edit Salesforce Records
• Wait for Server Requests to Complete

Source-Tracked Orgs

• Understand Org Development Model and Deployments

Jest Tests for Lightning Web Components

Lightning Web Components for Aura Developers