Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Trailhead

Build Lightning Web Components

Salesforce via Trailhead

Overview

Develop reusable Lightning web components using JavaScript and HTML.
  • Set up your developer environment and create your first Lightning web component.
  • Install developer tools for building Lightning web components.
  • Build reusable, performant components that follow modern web standards.
  • Install developer tools to build Lightning web components for mobile.
  • Develop Lightning web components that interact with data in your Salesforce org.
  • Test Lightning web components with Jest.
  • Learn basic troubleshooting techniques for Lightning web components using Chrome DevTools.
  • Leverage your Aura components skills to learn about Lightning web components.
  • Discover how your Visualforce knowledge applies to Lightning Web Components.
  • Use Lightning Web Components to build a bear-tracking app.
  • Explore different approaches to communicating between Lightning web components.

Syllabus

  • Quick Start: Lightning Web Components
    • Set Up Your Salesforce DX Environment
    • Set Up Visual Studio Code
    • Create a Hello World Lightning Web Component
  • Set Up Your Lightning Web Components Developer Tools
    • Install Development Tools
    • Create a Lightning Web Component
    • Analyze Your Code and Deploy It to Your Org
  • Lightning Web Components Basics
    • Discover Lightning Web Components
    • Create Lightning Web Components
    • Deploy Lightning Web Component Files
    • Handle Events in Lightning Web Components
    • Add Styles and Data to a Lightning Web Component
  • Set Up Your Salesforce Mobile Developer Tools for Lightning Web Components
    • Install Salesforce Mobile App Simulator for iOS
    • Install Salesforce Mobile App Emulator for Android
    • Use Salesforce Mobile Developer Tools
    • Use Browser Tools to Help You Debug
  • Lightning Web Components and Salesforce Data
    • Use Lightning Data Service to Work with Data
    • Use Apex to Work with Data
    • Handle Server Errors
  • Lightning Web Components Tests
    • Get Started with Testing
    • Set Up Jest Testing Framework
    • Write a Jest Test
    • Write a Jest Test for Wire Service
    • Mock Other Components
  • Lightning Web Component Troubleshooting
    • Get Ready to Troubleshoot
    • Use Breakpoints
    • Monitor JavaScript Execution
  • Lightning Web Components for Aura Developers
    • Understand How Lightning Web Components Work with Aura Components
    • Migrate Markup and CSS
    • Migrate JavaScript
    • Work with Salesforce Data
    • Compose Components
    • Communicate with Events
  • Lightning Web Components for Visualforce Developers
    • Get Started with Lightning Development
    • Learn How Coding Concepts Apply to Lightning Web Components
    • Handle User Actions in JavaScript
    • Work with Salesforce Data
    • Use the Navigation Service and Reuse Visualforce
  • Build a Bear-Tracking App with Lightning Web Components
    • Create a Hello World Lightning Web Component
    • Work with a Single Record
    • Work with Lists of Records
    • Create a Child Component and Interact with It
    • Communicate with Components Across an App
  • Communicate Between Lightning Web Components
    • Communicate from Child to Parent
    • Communicate from Parent to Child
    • Communicate Between Unrelated Components

Reviews

Start your review of Build Lightning Web Components

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.