Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Lightning Web Component Development

Phát triển Lightning Web Component

Phát triển Lightning Web Component

Hướng dẫn từng bước trở thành chuyên gia Lightning nhanh chóng. Từ khái niệm đến triển khai

4.6
(1,611 đánh giá)
13,461 học viên
Giảng viên
Amit Singh
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
79.000đ 349.000đ -77%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
46.5 giờ video
214 bài giảng
6 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 07/06/2026

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

Lightning Web Component là gì?
Kiểm thử Lightning Web Component
Framework Lightning Web Component
Phát triển Lightning Web Component
Giao tiếp giữa LWC & Aura

Yêu cầu

Hiểu biết cơ bản về SOQL (Ngôn ngữ truy vấn đối tượng Salesforce)
Hiểu biết cơ bản về Phát triển Apex
Hiểu biết cơ bản về Tiêu chuẩn Web JavaScript & HTML5
Kiến thức HTML & CSS là bắt buộc

Đối tượng phù hợp

Tất cả Nhà phát triển Salesforce
Quản trị viên Salesforce có kinh nghiệm
Nhà phát triển Giao diện (UI) & Trải nghiệm người dùng (UX) Salesforce
Chuyên gia muốn chuyển đổi Component Aura sang LWC Components

Nội dung khóa học

23 phần • 212 bài giảng
1 Giới thiệu khóa học
2 Cách truy cập mã nguồn
3 Cách nhận trợ giúp
4 Cách học hiệu quả với khóa học
1 Giới thiệu JavaScript
2 Sự khác biệt giữa var, let, const
3 Ngày & Thời gian trong JavaScript
4 Map & Set trong JavaScript
5 Toán tử trong JS
6 Sự khác biệt giữa == & === trong JS
7 Các hàm xử lý chuỗi trong JavaScript
8 Đối tượng trong JavaScript
9 Câu lệnh if-else trong JavaScript
10 Vòng lặp & Câu lệnh Switch trong JavaScript
11 Mảng trong JavaScript
12 Các phương thức Mảng trong JavaScript Phần 2
13 Các phương thức Mảng trong JavaScript Phần 3
14 Hàm trong JavaScript
15 Hàm mũi tên trong JavaScript
16 Phương thức Console trong JavaScript
17 SetTimeOut vs setInterval
18 Promise trong JS
19 Async Await trong JavaScript
20 Sự kiện & Bộ xử lý sự kiện trong JavaScript
21 addEventListener trong JavaScript
22 CustomEvent trong JavaScript
1 Tại sao Salesforce giới thiệu LWC?
2 Đăng ký tài khoản developer edition miễn phí đầu tiên
3 Cài đặt Visual Studio code & Salesforce CLI
4 Ủy quyền môi trường Salesforce từ VS code cho 2 mục đích khác nhau
5 Giới thiệu về Scratch Org & File định nghĩa Org
6 Thiết lập Scratch Org và Triển khai mã vào Org
7 Lợi ích của Scratch Org
8 Thiết lập Scratch org với Dữ liệu mẫu
9 Tự động hóa việc tạo Scratch Org
10 Tự động hóa tạo Scratch ORG cho Hệ điều hành Windows
11 Kiến thức cơ bản về Web Component (HTML 5 vanilla components)
12 Tổng quan về Thư viện Lightning Component
1 Liên kết Kho mã nguồn
2 Gói (Bundle) Lightning Web Component
3 Web Component Hello world
4 Áp dụng Styling (CSS) cho web component của bạn
5 Ràng buộc Dữ liệu từ Lớp JavaScript đến Web Component
6 Tổng quan cơ bản về Sự kiện Html
7 Kết xuất có điều kiện - Sử dụng if else trong web component với tom & jerry
8 Kết xuất có điều kiện - If-Else lồng nhau trong LWC
9 Cách truy cập đối tượng JS trong HTML
10 Hiển thị danh sách trong lightning web component (vòng lặp & lặp lại)
11 BÀI TẬP - Phát triển Máy tính Đơn giản (Cộng & Trừ)
12 BÀI TẬP - Phát triển Máy tính Đơn giản (Nhân & Chia)
1 Kho mã nguồn
2 Decorators trong Lightning Web Component
3 Directives trong Lightning Web Component
4 Thuộc tính Getter
5 Làm việc với Thuộc tính Get & Set cùng nhau
6 Thuộc tính Boolean JavaScript
7 Ví dụ Getter-Setter (Máy tính Sản phẩm)
1 Thành phần tổng hợp trong LWC (cha con)
2 Truyền giá trị từ component cha sang Component con
3 Tổng quan về LWC LifeCycle Hook
4 Constructor trong LWC (LifeCycleHook)
5 connectedCallback trong LWC
6 Phương thức renderedCallback() trong LWC
7 Phương thức errorCallback trong LWC
8 Phương thức disconnectedCallback trong LWC
9 Phương thức render trong Lightning Web Components
10 Slots trong Lightning Web Components
11 Shadow DOM trong Salesforce LWC [Demo Thời gian thực]
12 Giải thích file Metadata
13 Cách sử dụng LWC trong Flow & Custom Tab
14 BÀI TẬP - Tạo component Danh sách Liên hệ sử dụng Thành phần tổng hợp
1 Khi nào sử dụng Sự kiện trong LWC
2 Tạo Sự kiện đầu tiên trong Lightning Web Component Có & Không có Dữ liệu
3 Chuẩn bị mã cho Lan truyền sự kiện
4 Lan truyền sự kiện trong Lightning Web Component
5 Gọi Phương thức Component con sử dụng Component cha
6 Chia sẻ mã JavaScript giữa các component
7 Tạo Mô-đun CSS có thể tái sử dụng trong Salesforce
8 BÀI TẬP - Cấu trúc Component Quick Case
1 Giới thiệu về LDS
2 Lấy Id Bản ghi hiện tại & Tên API Đối tượng
3 LDS Xem Bản ghi - RecordViewForm & RecordForm
4 Tải một bản ghi sử dụng Lightning Record View Form
5 LDS Chỉnh sửa Bản ghi - RecordForm & RecordEditForm
6 LDS Tạo Bản ghi - Record Form & Record Edit Form
7 Gọi Phương thức Lớp Apex sử dụng @Wire
8 Cách truyền tham số trong phương thức @wire
9 Cân nhắc khi sử dụng phương thức @Wire
10 Làm mới Apex trong Lightning Web Component
11 Gọi Phương thức Lớp Apex sử dụng phương thức imperative
12 Phương thức Get Record của uiRecordAPI để truy vấn bản ghi
13 Cập nhật Bản ghi sử dụng uiRecord API
14 Tạo Bản ghi sử dụng uiRecord API
15 Xóa một bản ghi sử dụng UI Record API
16 Lấy thông tin đối tượng sử dụng object info api.
17 Lấy giá trị picklist sử dụng ui object info API
18 Lấy tất cả giá trị picklist của một đối tượng dựa trên record type
19 BÀI TẬP - Tạo Custom Lookup Phần 1
20 BÀI TẬP - Tạo Custom Lookup Phần 2
21 BÀI TẬP - Tạo Custom Lookup Phần 3
22 BÀI TẬP - Hoàn thiện Custom Lookup
1 Kho mã nguồn
2 Hiển thị Thông báo Toast
3 Điều hướng trong Salesforce
4 Cách điều hướng từ LWC này sang LWC khác
5 CurrentPageReference trong Lightning Navigation - Đọc Tham số từ URL
6 Làm việc với Custom Labels trong Lightning Web Components
7 Làm việc với Static Resource trong Lightning Web Component
1 Tối ưu Lightning Web Component cho Di động
2 DataTable trong Lightning Web Component
3 Hiển thị giá trị bản ghi Lookup trong Datatable
4 Hiển thị liên kết trong datatable
5 Hiển thị Icon trong Datatable
6 Hành động cấp độ Dòng trong DataTable
7 Sắp xếp Lightning DataTable
8 Chỉnh sửa nội tuyến trong DataTable
9 Map trong Lightning Web Component
10 Component Progress Indicator trong LWC
11 Triển khai Progress Indicator trong LWC
12 Tabs trong LWC
13 Sử dụng LWC bên trong Community
14 Cách xử lý lỗi hiệu quả trong LWC
1 Tài nguyên
2 Mã nguồn mới nhất
1 Component Picklist trong LWC
2 Tạo Component Picklist có thể tái sử dụng trong Lightning Web Component
3 Sử dụng Lightning Flow bên trong Lighting Web Component
4 Mở rộng Lightning DataTable trong Lighting Web Component
5 Tạo Modal trong Lighting Web Component
1 Component Quick Case (Đối tượng)
2 Component Quick Case (Đối tượng) - Phần 2
1 Component Đóng Case - tổng quát cho bất kỳ sObject nào
1 Tài nguyên cho phần này
2 Ứng dụng Nhắc nhở Phần 1
3 Ứng dụng Nhắc nhở Salesforce - Phần 2
4 Ứng dụng Nhắc nhở Phần 3
1 Tài nguyên cho phần này
2 Component Thêm Sản phẩm Phần 1
3 Component Thêm Sản phẩm Phần 2
4 Component Thêm Sản phẩm Phần 3
5 Component Thêm Sản phẩm Phần 4
6 Component Thêm Sản phẩm Phần 5
7 Mở rộng Modal Tìm kiếm Sản phẩm
8 Thêm Component Tìm kiếm Sản phẩm vào Component Thêm sản phẩm
1 Thiết lập Jest
2 Viết bài kiểm thử đơn vị cho Web Components
3 Viết Unit Test cho phương thức @wire có tham số
4 Viết Unit Test cho phương thức imperative có tham số
5 Gỡ lỗi Test Files sử dụng Lệnh
1 Tổng quan Dự án
2 Tạo Mô hình Đối tượng cho Dự án
3 Nhập Bản ghi Beer hiện có vào Hệ thống
4 Tạo Component BeerSearch
5 Tạo Component BeerTile
6 Tạo Component BeerList
7 Chức năng Thêm vào Giỏ hàng - Phần 1
8 Chức năng Thêm vào Giỏ hàng - Phần 2
9 Chức năng Thêm vào giỏ hàng - Phần 3
10 Component Chi tiết Giỏ hàng
11 Component Chi tiết Giỏ hàng Phần 2
12 Áp dụng Giảm giá cho các mục trong Giỏ hàng
13 Chọn Địa chỉ Giao hàng
14 Chức năng Đặt hàng - Phần 1
15 Chức năng Đặt hàng - Phần 2
16 Component Chi tiết Đơn hàng
17 Tổng kết Dự án
1 Mã Lightning Web Component
2 Mã nâng cấp LWC
1 Mô hình Publish (Pub) & Subscribe (Sub) trong Lightning Web Component
2 Kết nối Org không phải Scratch với Dự án SFDX
3 Decorator @track Không Còn Bắt Buộc cho Lightning Web Components
4 Tạo Tab Tùy chỉnh bằng Lightning Web Component
5 Chia sẻ CSS Styles giữa các Lightning Web Components
6 Kiểm tra quyền người dùng trong LWC
7 Tạo Component động trong LWC
8 Lightning Messaging Services (LMS)
9 Mã cho Phần này
1 Cập nhật Bản phát hành Salesforce Phần 1
2 Truy cập Custom Metadata bằng Static Methods
3 Tất cả về FIELDS Method trong Salesforce
4 Cập nhật liên quan đến Flow Builder
5 Liên kết đến Apex Class
1 Mã
2 Triển khai dựa trên Salesforce Org bằng VS Code
3 lwc ref trong Salesforce Lightning Web Component
4 LWC Spread trong Lightning Web Component
5 ToastContainer trong Lightning Web Component
6 Toast module trong Lightning Web Component
7 RefreshView API trong Lightning Web Component
8 BarCode Scanner API trong Salesforce LWC
9 Nâng cấp BarCode Scanner API
10 lightning-record-picker
11 Tìm kiếm trên trường bổ sung trong lightning record picker
12 Thêm khả năng lọc trong lightning-record-picker
13 Module fileDownload trong LWC
14 getRecords trong Lightning Web Components
15 getRelatedRecords trong Lightning Web Component
16 getRelatedListsRecordBatch trong lwc
1 Mã
2 Giới thiệu GraphQL trong Salesforce
3 Order By và Where Clause trong GraphQL Salesforce
4 Bộ lọc động trong GraphQL Salesforce
5 SOQL từ Child đến Parent bằng GraphQL trong Salesforce
6 Truy vấn từ Parent đến Child trong GraphQL Salesforce
7 Truy vấn tổng hợp bằng GraphQL trong Salesforce
8 Công cụ GraphQL Explorer không chính thức từ Cộng đồng Salesforce
9 Sử dụng GraphQL trong Salesforce LWC
10 Áp dụng bộ lọc trong GraphQL bên trong LWC
11 Phát triển DataTable bằng GraphQL trong LWC
12 Sửa lỗi có thể xảy ra trong lighting data table
13 Triển khai phân trang bằng GraphQL trong LWC
14 Nâng cấp Component Phân trang đã phát triển ở bài trước

Giới thiệu khóa học

Note:- If you do not know the basics of HTML & CSS Please do not enroll for the course.


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.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Lightning Web Components
Hiển thị tất cả khoá học Salesforce Development
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊