Program 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.

Who Can Benefit

• This class is designed for independent software vendors (ISVs) and web application developers who want to produce custom Lightning Web Components and applications that run in multiple Salesforce Experiences.

Skills Gained

• 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.

Prerequisites

• Programming experience and familiarity with web application development processes and programs highly recommended.

Course Content

Lessons and Topics

• Course Introduction

• 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