Build Lightning Web Components

Go to class
Write Review

Free Online Course: Build Lightning Web Components provided by Trailhead is a comprehensive online course, which lasts for 11-12 hours worth of material. The course is taught in English and is free of charge.

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