Lightning Web Component Development | Salesforce

Lightning Web Component (LWC) | Salesforce

What you'll learn

Visual Studio Code Set Up

LWC Development

Connecting VS Code to Salesforce Org

Working with LWC along with Apex Controller

Requirements

Basic understanding of Salesforce apex development, Javascript, and HTML

Description

Learn about Lightning Web Components in Salesforce. You´ll learn how to download and install visual studio code in your system, and also how to download and install CLI and salesforce extension pack in your visual studio code.We´ll see how LWC framework looks like, how to create LWC component, we´ll discuss about the files that an LWC component holds and what are their objectives.Once we´ll have a LWC Component created, we´ll see how data flows from UI to backend or from backend to UI, so we´ll learn about one way and two way data binding in LWC.Next, we´ll see how conditional rendering works in LWC.And then, we´ll also see how you can render multiple templates in LWC with example.Moving on, we´ll cover one of the most important aspects of LWC which is parent to child and child to parent communication among LWC Components.We´ll also understand one of the other interesting topics of LWC which is LMS - Lightning message service. I´ll explain what it is and how you can achieve it with a demo.I´ll also cover how LWC communicates with Apex class using wire decorator or imperative method.I am also gonna be covering how you can create LWC data table and display your desired records.At last, we´ll do a mini project on LWC component.I hope once you complete this course, you will be pretty much comfortable in LWC.

Overview

Section 1: Visual Studio Code Set Up

Lecture 1 Download and Install Visual Studio Code

Lecture 2 Install Salesforce CLI SFDX and Salesforce Extension Pack | LWC | Salesforce

Section 2: Lightning Web Components (LWC) Sessions

Lecture 3 Create Salesforce Project using SFDX CLI in Visual Studio Code | Salesforce

Lecture 4 One way data binding in Lightning web component(LWC) | Salesforce

Lecture 5 Two way data binding in Lightning web components | Salesforce

Lecture 6 Conditional Rendering in Lightning Web Components (LWC)

Lecture 7 Render Multiple Templates in Lightning Web Components (LWC)

Lecture 8 Parent to Child Communication in Lightning Web Components (LWC)

Lecture 9 Child to Parent Communication in Lightning Web Components (LWC)

Lecture 10 LMS Communication in LWC | Publish & Subscribe in LWC |Lightning Message Service

Lecture 11 @wire Decorator/Adapter in LWC || LWC Data Table || Call Apex class from LWC

Lecture 12 Imperative method in LWC | Apex method call from LWC | Promises in JS

Lecture 13 for:each loop in LWC | Get items with @wire decorator in LWC

Lecture 14 Toast Messages in LWC | Display Notifications | Lightning Web Components(LWC)

Lecture 15 Pass Parameter from LWC to Apex Method | @wire with Parameter | LWC

Lecture 16 Pass Parameter from LWC to Apex Method | Imperative with Parameter | LWC

Lecture 17 refreshApex in Lightning Web Components | Refresh LWC Page

Lecture 18 Use of Wrapper Class in LWC | Lightning Web Components(LWC)

Lecture 19 Tree Grid in LWC | lightning-tree-grid | Parent to child SOQL | LWC

Lecture 20 Navigation Services in LWC | Lightning Web Components

Lecture 21 LWC ComboBox | Call Apex from LWC ComboBox | Lightning Web Components(LWC)

Beginners Lightning Web Component Developers