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.
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.
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.
Prerequisites
Programming experience and familiarity with web application development processes and programs highly recommended.
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