🐻An enhanced learning experience is coming soon! Registrations for expert-led classes will be paused temporarily from 11:00 PM PST on April 30, 2024, until 4:00 PM PST on May 6, 2024. Learn more. Need help with a class? Reach out to Trailhead Help.

Job Role

Developer

Duration

In-Person: 5 Full Day(s)
Virtual: 5 Full Day(s) or 10 Half Day(s)

User Interface

Lightning Experience

Overview

Who should take this course?


This course 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. Programming experience and familiarity with web application development processes and programs are highly recommended. This is also a great course for anyone interested in earning their Lightning Web Components Specialist superbadge or JavaScript Developer I credential.


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 Code Builder, Git, and the Salesforce Command Line Interface (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.

 


Prework

Prepare for the course with this Trailmix.

Class Registration

Lessons and Topics

Lightning Web Components

  • Get To Know the Lightning Web Components Model

  • Create Lightning Web Components

  • Style Components

  • Define Component Properties

  • Handle DOM Events and Lifecycle Hooks

  • Debug Lightning Web Components 

  • Work with Salesforce Data

  • Use Base Lightning Components

  • Raise and Handle Events 

  • Advanced Communication Between Components

 

Lab: Lightning Data Service

  • Phase 1: Output Data from Lightning Data Service (60 min)

 

Surface 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

  • Other Supported Experiences

 

Navigation and Layouts

  • Use <lightning:vertical-navigation>

  • Use <lightning-data-table>

  • Implement Button Groups

  • Build Responsive Layouts

 

Advanced Components

  • Create a Custom Datatable

  • Define Public Methods on Components

  • Service Components and Toast Notifications

  • Review Slots and Modal Notifications

  • Localize Content

  • Understand Renderers and Third-Party JS

  • Harness Dynamic Instantiation

 

Data Usage

  • Implement Forms

  • Implement a Form using Custom Controls

  • Validate Input Data

  • View and Edit Salesforce Records

  • Wait for Server Requests to Complete

  • Leverage GraphQL Wire Service

 

Source-Tracked Orgs

  • Follow Org Development Model and Deployments

 

Lightning Web Components for Aura Developers (Optional)

 

Lab: Lightning Data Service (Optional)

  • Phase 2: Use Lightning Data Service CRUD Operations (75 min)

  • Phase 3: Read and Output Dynamic Data (20 min)