Mô tả

Lightning Web Component is a new methodology to develop Salesforce Lightning Components. This course is designed to help you understand three basic things:

  • What are Lightning Web Components?

  • Why Salesforce has introduced Lightning web component?

  • How can you develop Lightning web components?

  • What are all the best practices to develop the lightning web components?

  • What are various patterns anti patterns to develop the lightning component?

  • How to use Lightning Web Component in various places?

In this course, we will mainly focus on the Lightning Web Component Development where we will be providing the examples in each section which we prefer as mini project so that you can be master of the Lightning web component.

As we know that LWC is the new concept and still new to the market and this course will make you the master of the Salesforce Web Components and make you a valuable salesforce gem which will give you the boost to your career.

If you are thinking that you are ground level in web component or salesforce then no need to worry I am here to help you which will make you master of lightning web component.

Bạn sẽ học được gì

What is Lightning Web Component?

Lightning Web Component Testing

Lightning Web Component Framework

Lightning Web Component Development

LWC & Aura Communication

Yêu cầu

  • Basic Understanding of SOQL(Salesforce Object Query Language)
  • Basic understanding of Apex Development
  • Basic Understanding of JavaScript & HTML5 Web Statdards

Nội dung khoá học

23 sections

Introduction

3 lectures
Introduction to Course
01:12
How to Access the Code
00:05
How to get Help
00:11

Introduction to JavaScript

22 lectures
Introduction JavaScript
10:46
Difference between var, let, const
07:29
Date & Date Time in JavaScript
07:11
Map & Set in JavaScript
11:27
Operators in JS
07:21
difference between == & === in JS
04:50
String functions in JavaScript
17:02
Objects in JavaScript
24:13
if-else in JavaScript
06:20
Loops in JavaScript & Switch Statement
15:28
Arrays in JavaScript
20:37
Array Methods in JavaScript Part2
14:15
Array Methods in JavaScript Part3
15:42
Function in JavaScript
15:46
Arrow Function in JavaScript
11:13
Console Method in JavaScript
10:18
SetTimeOut vs setInterval
10:16
Promise in JS
25:52
Async Await in JavaScript
11:23
Event & Event handlers in JavaScript
19:21
addEventListener in JavaScript
07:46
CustomEvent in JavaScript
06:56

Setup Environment & Getting Started

13 lectures
Why Salesforce Introduced LWC?
18:37
Signup for your first free developer edition org
02:59
Setup Visual Studio code & Salesforce CLI
04:14
Authorise your salesforce environment from VS code for 2 different purpose
06:26
Setup Scratch ORG with DevHub Org
16:04
Setup Scratch org with Sample Data
05:12
Automate the creation of Scratch Org
14:03
Automate Scratch ORG Creation for Windows OS
00:31
Useful salesforce dx commands
13:50
Web Component Fundamentals(HTML 5 vanilla components)
11:41
Overview of Lightning Component Library
03:28
Make Salesforce Environment Ready
2 questions
Test Your Knowledge
3 questions

Lightning Web Component basic Development

11 lectures
Lightning Web Component Bundle
07:04
Hello world Web Component
11:00
Apply Styling(CSS) to your web component
08:35
Data Binding from JavaScript Class to Web Component
05:09
Basic Overview of Html Events
12:27
Conditional Rendering - use if else in your web component with tom & jerry
11:31
Conditional Rendering - Nested If-Else in LWC
15:41
Display your list in lightning web component (looping & iteration)
09:30
LAB - Develop a Simple Calculator ( Addition & Subtraction )
13:38
LAB - Develop a Simple Calculator ( Multiple & Devision)
05:57
Test Your Knowledge
4 questions

JavaScript Fundamentals

10 lectures
Decorators in Lightning Web Component
03:54
Spring 20 Updates about @track decorator
00:20
Private Property (Reactive)
09:13
Private Property (Reactive @track decorator)
04:07
Public Property (@api decorator)
03:30
Getter Property
04:26
Work with Get & Set Property Together
07:53
JavaScript Boolean Property
00:27
Modify Calculator Component
2 questions
Knowledge Test on JavaScript Fundamentals
3 questions

Web Component Lifecycle Hooks & Compositions

11 lectures
Web component Lifecycle hooks
16:02
disconnectedCallback in LWC
05:44
render in LWC
06:58
Composition of One Component inside other component
12:02
Using slots into web components
07:32
Slots in Lightning Web Components
09:46
Shadow DOM in Salesforce LWC [Real Time Demo]
13:56
Metadata file Explanation
19:28
How to Use LWC in Flow & Custom Tab
06:19
LAB - Create a Contact List component using Composition
12:01
Test your knowledge
4 questions

Communication using events

9 lectures
When To use Events in LWC
02:45
How to create a simple event?
08:05
How to pass data from Child Component to Parent Component
10:42
Bubbling Event
10:51
Call Child Component Method using Parent Component
11:43
Communicate between Aura Component & LWC
11:22
Share JavaScript Code between components
14:53
LAB - Quick Case Component Structure
12:24
Test Your Knowledge
7 questions

Working with Salesforce Data

20 lectures
Introduction to LDS
02:23
Get Current Record Id & Object Api Name
04:12
LDS View Record - RecordViewForm & RecordForm
12:47
LDS Edit Record - RecordForm & RecordEditForm
14:13
LDS Create Record - Record Form & Record Edit Form
12:16
Call Apex Class Method using @Wire
15:09
How to pass parameters in @wire method
09:10
Refresh Apex in Lightning Web Component
16:45
Call Apex Class Method using imperative method
10:33
Lightning UI Record API
19:43
Get Field Value & Get Display field value using UI Record API
12:02
Update a Record using UI Record API
14:25
Delete a record using UI Record API
06:04
Lightning UI Object info API
17:49
LAB - Create Custom Lookup Part 1
08:16
LAB - Create Custom Lookup Part 2
09:41
LAB - Create Custom Lookup Part 3
10:33
LAB - Wrap up the Custom Lookup
07:53
Modify Quick Case Component
1 question
Test Your Knowledge
4 questions

Navigation Service & Other Features

8 lectures
Display Toast Notification
03:10
Design Attribute in LWC
11:55
Navigation in Salesforce
15:29
How to Navigate from one LWC to another LWC
13:08
Navigate to Create Record with Default Values
07:34
Use Web Component in VF Page
10:40
Work with Custom Labels in Lightning Web Components
05:25
Work with Static Resource in Lightning Web Component
09:25

Some useful Components of Lightning Web Component

14 lectures
Make Lightning Web Component Mobile Ready
09:32
DataTable in Lightning Web Component
12:24
Display Lookup Record values in Datatable
05:45
Display link in datatable
08:11
Display Icon in Datatable
06:52
Row Level Action in DataTable
08:55
Sort Lightning DataTable
11:01
Inline Editing in DataTable
14:11
Map in Lightning Web Component
13:43
Progress Indicator Component in LWC
09:05
Implement Progress Indicator in LWC
15:17
Tabs in LWC
10:16
Use LWC inside Community
11:33
Effective Way for Error handling in LWC
08:00

Important for Next Sections [12, 13, 14, 15, 16]

2 lectures
Resources
00:02
Latest Code
00:03

Some Common Problems in Real Life Projects

5 lectures
Picklist Component in LWC
16:58
Create Reusable Picklist Component in Lightning Web Component
26:05
Use Lightning Flow Inside Lighting Web Component
18:02
Extend the Lightning DataTable in Lighting Web Component
46:01
Create Modal in Lighting Web Component
13:19

Mini Project - Quick Case Component

2 lectures
Quick Case(Object) Component
32:23
Quick Case(Object) Component - Part 2
31:43

Mini Project - Close Case Component

1 lectures
Close Case Component - generic to any sObject
52:28

To do list tracker

4 lectures
Resources for this section
00:07
Reminder Application Part 1
49:43
Reminder Application Salesforce - Part 2
40:27
Reminder Application Part 3
44:19

Add Products to Opportunity/Order/Quotes

8 lectures
Resources for this section
00:11
Add Product Component Part 1
39:46
Add Product Component Part 2
41:39
Add Product Component Part 3
26:33
Add Product Component Part 4
49:13
Add Product Component Part 5
19:04
Extend Search Product Modal
34:44
Add the Search Product Component into Add product Component
42:53

Testing Lightning Web Components

5 lectures
Jest Setup
11:32
Writing test units for Web Components
24:39
Writing Unit Test for @wire method with params
17:29
Writing Unit Test for imperative method with params
12:28
Debugging Test Files using Command
07:37

Beer Explorer Project

17 lectures
Project Overview
03:54
Create Object Model For Project
03:40
Import Existing Beer Records into System
04:19
Create BeerSearch Component
04:12
Create BeerTile Component
07:24
Create BeerList Component
22:32
Add to Cart Functionality - Part1
16:57
Add to Cart Functionality - Part 2
10:26
Add to cart Functionality - Part 3
20:38
Cart Detail Component
15:41
Cart Detail Component Part 2
13:42
Apply Discount to the Cart Items
08:34
Select Shipping Address
20:15
Place Order Functionality - Part 1
11:59
Place Order Functionality - Part 2
08:30
Order Detail Component
14:01
Project Wrap-up
02:49

Bonus Section

2 lectures
Lightning Web Component Code
00:02
LWC Enhancement Code
00:03

Salesforce Release updates

9 lectures
Publish(Pub) & Subscribe(Sub) model in Lightning Web Component
23:27
Connect Non-Scratch Org with SFDX Project
04:22
The @track Decorator Is No Longer Required for Lightning Web Components
13:04
Create Custom Tab using Lightning Web Component
03:10
Share CSS Styles Among Lightning Web Components
05:49
Check user permission in LWC
17:46
Dynamically Create component in LWC
16:10
Lightning Messaging Services ( LMS )
29:08
Code for the Section
00:02

Spring 21 Salesforce Release Updates

5 lectures
Salesforce Release updates Part 1
16:57
Access Custom Metadata Using Static Methods
10:14
All about FIELDS Method in Salesforce
08:56
Flow Builder Related Updates
16:48
Link to Apex Class
00:03

Salesforce Latest Release Updates - Salesforce Winter ’24 Release

16 lectures
Code
00:01
Salesforce Org based Deployment using VS Code
09:28
lwc ref in Salesforce Lighting Web Component
11:41
LWC Spread in Lightning Web Component
09:35
ToastContainer in Lightning Web Component
17:46
Toast module in Lighting Web Component
16:35
RefreshView API in Lightning Web Component
26:24
BarCode Scanner API in Salesforce LWC
23:02
Enhance BarCode Scanner API
07:25
lightning-record-picker
20:58
Search on additional field in lightning record picker
07:58
Adding the filter capabilities in lightning-record-picker
29:03
fileDownload Module in LWC
08:43
getRecords in Lightning Web Components
12:25
getRelatedRecords in Lightning Web Component
32:09
getRelatedListsRecordBatch in lwc
28:01

GraphQL with Salesforce & Lightning Web Component

14 lectures
Code
00:01
Introduction to GraphQL in Salesforce
15:01
Order By and Where Clause in GraphQL Salesforce
15:26
Dynamic Filters in GraphQL Salesforce
15:06
Child to Parent SOQL using GraphQL in Salesforce
03:48
Parent to Child Query in GraphQL Salesforce
05:40
Aggregate Queries using GraphQL in Salesforce
12:11
Unofficial GraphQL Explorer Tool by Salesforce Community
04:02
Use GraphQL in Salesforce LWC
14:17
Apply filters in GraphQL inside LWC
14:43
Develop DataTable using GraphQL in LWC
22:41
Fix the issue that might occur in lighting data table
05:40
Implement pagination using GraphQL in LWC
14:41
Enhance The Pagination Component developed in previous lecture
21:48

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.