Salesforce Lightning Web Components

Name: Salesforce Lightning Web Components
Rating: 4.6 (244 reviews)

LWC

Last updated 11/2023

English

What you'll learn

22 sections • 51 lectures • 19h 45m total length

Instructor Introduction0:26
It introduces Instructor
Introduction of LWC32:16
It explains a small introduction to Lightning web components and developer tools needed to work with Lightning web components.
Lecture 2
Anatomy of LWC18:10
It explains what basic files involved in a lightning web component.
Anatomy of LWC
Component Reference & Playground15:57
It explains an overview of Lightning Component Reference and how to use the Playground for writing Lightning web components.
Note: Using Playground you can't invoke apex class.
Component Reference & Playground

HTML Directives4:29
It explains different HTML directives available in LWC and its purpose
HTML Directives
Rendering HTML Conditionally10:14
It explains how to display HTML conditionally with a simple example.
Render Lists21:06
It explains how to display a static list of records.
Render Lists
Rendering Multiple HTML's16:38
It explains how to render multiple HTML'w as we can add multiple HTML files in single LWC.
Rendering Multiple HTML's

Lightning Data Service7:11
It explains what is Lightning Data Service and what is available under the same.
Lightning Data Service
Record Form Base Components2:51
It explains different Record Form Base Components available which are useful for Load, Create, and Update Records without using Apex code under Lightning Data Service.
Lightning Record Form Components
lightning-record-form44:48
It explains how lightning-record-form works and how to work with the same.
lightning-record-form
lightning-record-edit-form22:29
It explains how to work with lightning-record-edit-form and how it helps to pre-populate fields values.
lightning-record-edit-form
lightning-record-view-form12:09
It explains how to work with lightning-record-view-form and how it will be useful to load the record without apex.
lightning-record-view-form
uiRecordAPI (getRecord)24:30
It explains how to load record using "getRecord" without using apex
getRecordFieldValues
uiRecordAPI (createRecord)26:03
It explains how to create a record using "createRecord" function without using apex.
createRecord
uiRecordAPI(updateRecord)15:46
It explains how to update a record using "updateRecord" function.
updateRecord
uiRecordAPI (deleteRecord)16:31
It explains how to delete a record using "deleteRecord" function.
deleteRecord

Call Apex Methods5:42
It Explains in how many ways you can call apex methods form LWC
Call apex methods
Wire an Apex method33:37
It explains how to wire a method to a property or a function.
Wire an Apex method
Save a Record with Apex (Call Apex Imperatively)25:20
It explains how to save a record using apex
Save a Record with Apex
Call an apex method imperatively(Retrieving Records)16:24
It explains how to retrieve records from an Apex metho imperatively.
Call an apex method imperatively(Retrieving Records)
lightning-datatable31:26
It explains how to work with lightning-datatable and available features.
lightning-datatable

Parent to Child Communication56:38
It explains how to pass communication from Parent to Child Component using public properties, public methods.
Parent to Child Communication
Child to Parent Parent Communication-part116:45
It explains how to pass communication from Child to Parent using custom events.
Child to Parent Parent Communication
Child to Parent Parent Communication-part227:08
It explains how to pass communication from Child to Parent using custom events.
Child to Parent Parent Communication-part2
Communication between components using Pub/Sub module52:44
It explains how to pass communication between different components on the same Flexi page.
Communication b/n Component
Communication from LWC to Aura Component32:30
It explains how to pass communication from LWC to Aura component.
Communication from LWC to Aura Component

Introduction and how to create LMS10:27
it explains the introduction to Lightning Messaging Service and how to create Lightning Message Service Channel.
Lightning Message Service
Communication between LWC with LMS26:10
It explains how to pass communication between different LWC components on the same Flexi page
LMS b/n LWC
Communication between Aura Components with LMS23:35
It explains how to pass communication between different Aura components on the same Flexi page.
LMS b/n Aura
Communication between VF Pages with LMS28:09
It explains how to pass communication between different Visualforce Pages on the same Flexi page.
VF with LMS

This course covered different areas in the Lightning web component programming model with simple examples.

Introduction
Developer Tools
Anatomy of LWC(Lightning web component)
Component Reference & Playground
Data Binding
Calculator Example
HTML Directives
Decorators
Picklist Preparation
Lightning Data Service
- Record Form Base Components and wire adapters, functions from uiRecordAPI
Call Apex method
Lightning Data Table
Communication Between Components
Add and Delete dynamic rows
Mass Delete
Lightning Message Service(examples with LWC, Aura, and Visualforce)
Include LWC in Visualforce Page
Navigate to record's "Create Page" and pre-populate field values
Share JavaScript
Drag & Drop
Custom Lookup
How to Expose properties to set default values

Salesforce Developers,JavaScript Developers who wants to start career with Salesforce.