Preview unavailable

Introduction

• Introduction 2

• Setting up the Development Environment 8

• Linking the SF Org and VS Code for seamless Dev Experience

• Let's understand modules in JavaScript (ES6) 1/22

• Let's understand modules in JavaScript (ES6) 2/2

• How exactly data binding in LWC works?

• Let's understand the concept of reactivity in LWC1

Decorators in LWC

• What are decorators and diff decorators available in LWC?

• Let me show you how we can use API decorators to expose a function

• Let's move on to the next decorator which is @wire decorator

• The last and most important decorator and that is @track decorator

• Is data flow in LWC unidirectional or bidirectional? Let's have a look

• Slots and Named Slots, things you need to know about them

Lighting Data Service [LDS]

• Using lightning-record-view-form to display the record

• For the same tag, let's make the record ID and content dynamic

• Using lightning-record-edit-form for both inserting and updating a record

• Now let's work on giving the visual confirmation to the user using the ShowToastEvent3

• Let's override the standard functionality using the Lightning Data Service

• Let's use the ShowToastEvent to show an error message

• Let's look at the all-in-one tag <lightning-record-form />

• What if I want to display a customized fields set on the UI using Lightning Record Form tag?

• Let me walk you through the createRecord() method in LDS 1/2

• Let me walk you through the createRecord() method in LDS 2/2

• Let me walk you through the updateRecord method in LDS 1/2

• Let me walk you through the updateRecord() method in LDS 2/2

• What if I want to delete a record using LDS? Is it possible?4

• Let's look at getRecord in LDS 1/2

• Let's look at getRecord in LDS 2/2

• Let us look at a few gotchas in getRecord() in LDS

Different ways to invoke APEX from LWC

• Let us source the output of the Apex method to the client-side controller using a wire decorator 1/2

• Let us source the output of the Apex method to the client-side controller using a wire decorator 2/2

• What is Imperative Apex and how is it different from Wired Apex, and it's advantages?

• What if I want to execute long-running requests 1/2?1

• What if I want to execute long-running requests 2/2?

Events in LWC

• Introduction to Events in native JavaScript

• Let's do some hands-on on events in JavaScript

• Let us look at events in LWC using bubbling configuration

• What if I want the event to cross the shadow boundary?

• So, what is the most frequently used configuration while working with events in LWC?

Life Cycle Hooks in LWC

• Different life cycle hooks available in LWC

• When there are multiple components are in hierarchy, will it affect the lifecycle hook flow?

• A few gotchas in life cycle hooks

Navigation in LWC

• How to implement navigation in LWC?

• How to use NavigationMixin to implement navigation between two LWC's

Lightning Message Service

• How can we share data between components when they are not in hierarchy? LMS is the answer.

• Initially, we need to create a Lightning message channel

• Then comes the publisher, let's create it

• And then we need to create a subscriber so that we can start receiving the updates

• How can we replicate the same thing between Aura components?

• Let's refactor the code of publisher and subscriber a bit

• And what if I want to replicate the same thing between Visualforce pages?

Exposing Lightning Web Components

• Where all can we expose a Lightning web component?

Events

• How to dispatch and handle events7

• How Event Retargeting works?

• Event Propagation in JavaScript

• Event bubbling in child and parent components7

• All Event propagation scenarios3

• Programatically handle the events5

• Publish-Subscribe events4

Lightning Data Services

• Introduction

• Putting the base component lightning-record-edit-form to use.2

• Using lightning-record-view-form and lightning-record-view-form

• Using getRecord() Adapter2

• Handlers in LDS base components5

• Override save functionality using base components

• Using createRecord() method to create a record

• Using updateRecord() method to update a record

• getRecord() alternative syntax1

LWC & Apex

• How to invoke Apex method from Web Component

• How to pass parameters when Apex method is invoked

• Invoke Apex method imperatively

• Continuation in Apex

• Coding Challenge #3 on Continuation

Configuring & Exposing Web Components

• Configure the Web Component via xml file2

• Expose Web Component to other platforms1

• Web Components & Aura Components

• Send data from Web Components to Aura Components using events3

Navigation in LWC

• Navigation to different destination from a Web Component

• Navigation in Files

Coding Challenges

• Coding Challenge ~ Data Table with data from related objects1

• Coding Challenge ~ Working with Modal Popup

Lightning Message Service

• Steps involved and why do we need them?1

• Let's see what we have done so far!

• Using LMS in Aura Components

• Why LMS when we have Pub-Sub, Application Events and Component Events. 4

• Using LMS in Visualforce Pages

• Challenge #1 Send data from LWC to Aura Components1

• Challenge #2 Send data from Aura Components to LWC

• Where can we not use LMS?1

• What all params does JSON.stringify() accept?

Lightning Testing Service

• Testing in LWC and pre-requisites

• Writing Test for a simple component

• Coding Challenge #1

• Coding Challenge #2