Salesforce Lightning Web Components: Zero to Hero

Learn to create a lightning web component bundle in Visual Studio Code, authorize Dev Hub, configure a scratch org, and deploy a plain lwc without aura using sfdx.

Learn how to declare and use variables in Lightning web components, including primitive data types and attributes, binding data in HTML and JavaScript, and understanding LWC file structure.

Build a lightning web component that accepts two inputs, captures values with event handling, and performs add, subtract, and multiply operations, with results rendered by templates.

Learn how to apply CSS to a Lightning web component and use public variables via API to pass data between parent and child components, then deploy the LWC to Salesforce.

Learn to use Lightning Data Service to access Salesforce data without Apex, and implement record view form, record form, and edit form in LWC with form-based and programming-based approaches.

Learn to build Lightning web components that interact with Salesforce data using the wire service and server-side controllers, including custom fields, record forms, and data tables.

Explore wiring in Lightning web components to fetch data directly from Salesforce using wire instead of server-side controllers, update records, manage draft values, and display results with alerts and toasts.

Understand how the Lightning web components wire service uses a prebuilt wire adapter and decorator to read Salesforce data reactively, the advanced alias-based service built atop Lightning Data Service.

Explore imperatively managing Salesforce data in Lightning Web Components using wire, and perform create, update, delete, and get operations with field mappings and Apex integration.

Explore imperatively versus wire-based data interactions in Salesforce lightning web components, using a passenger object to practice create, get, update, and delete operations, and troubleshoot wire integration.

Learn to use wire property and wire function in lightning web components, wiring apex server-side methods, passing parameters, and handling data or errors, with imperatively created records.

Learn to declare and dispatch DOM events in lightning web components using the customEvent constructor and dispatchEvent, then listen declaratively with on to complete event flow.

Learn how to declare and dispatch lightning web component events, pass parameters with event detail, and handle events declaratively or programmatically to share data between child and parent.

Learn to handle events programmatically in lightning web components by creating and dispatching events, adding listeners, and managing bubbling and composition with lifecycle hooks.

Learn how to dispatch events programmatically in lightning web components, manage bubbling and propagation, and use singleton pub-sub, lightning messaging service, and global events for cross-component and cross-application communication.