Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

Zero to Hero in Lightning Web Components

Lộ trình từ Zero đến Hero với Lightning Web Components

Lộ trình từ Zero đến Hero với Lightning Web Components

Hướng dẫn toàn diện để học Salesforce Lightning Web Components từ Cơ bản đến Nâng cao, kèm theo các vấn đề và dự án thực tế

4.6
(10,420 đánh giá)
48,916 học viên
Giảng viên
Salesforce troop
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
41.0 giờ video
223 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 07/06/2026
#Javascript #Lightning Web Components #Salesforce Development #Web Development

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

HTML và CSS cần thiết cho LWC
JavaScript cần thiết cho LWC
Lightning Web Components là gì?
Lợi ích của Lightning Web Components so với Aura
Kiến thức cơ bản về LWC với các ví dụ thực tế
Cách xây dựng các Lightning Web Components có thể tái sử dụng
Tích hợp LWC với APEX
Dịch vụ Điều hướng (Navigation Service)
Dịch vụ Nhắn tin Lightning (Lightning Messaging Service)
Khả năng tái sử dụng của Components
Biểu đồ và Bản đồ trong LWC
Tạo tệp CSV và PDF trong LWC
Trò chơi Trí nhớ (Memory Game) trong LWC
Kỹ thuật tạo kiểu trong LWC
Nhiều tính năng và Dự án thực tế
LWC OSS với HEROKU
Công cụ LWC Builder
Quick Actions trong LWC

Yêu cầu

Máy tính cá nhân chạy Windows, Linux hoặc Mac
Kiến thức cơ bản về nền tảng Salesforce
Sẵn sàng học hỏi

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

Chuyên gia Salesforce
Nhà phát triển Giao diện và Trải nghiệm người dùng (UI/UX)
Đang tìm kiếm cơ hội việc làm mới trong lĩnh vực Salesforce
Quản trị viên Salesforce muốn chuyển sang lĩnh vực Phát triển Salesforce

Nội dung khóa học

29 phần • 207 bài giảng
1 Giới thiệu
2 Nội dung khóa học
3 Kiến thức cơ bản về Công nghệ Web
4 Công cụ cho Phát triển Web
1 Kiến thức cơ bản về HTML
2 Kiến thức cơ bản về CSS
1 Lộ trình học JavaScript
2 Biến số (Variables)
3 Sửa lỗi chính tả trong Biến số
4 Các kiểu dữ liệu (Data Types)
5 So sánh null và undefined
6 Toán tử Spread
7 Phép Gán Phân rã (Destructuring)
8 Nội suy Chuỗi (String Interpolation)
9 Các phương thức Xử lý Chuỗi (String Methods)
10 Thao tác với Đối tượng/JSON
11 Các phương thức Xử lý Mảng (Array Methods)
12 Promise
13 Nhập và Xuất Mô-đun (Modules import and export)
14 QuerySelector
15 Sự kiện (Events)
16 Hàm Mũi tên (Arrow Function)
17 So sánh setTimeout và setInterval
1 Giới thiệu về Lightning Web Components
2 Thiết lập Tổ chức Nhà phát triển (Developer org)
3 Thiết lập Môi trường Salesforce DX
4 Thiết lập My Domain và Dev Hub
5 Danh sách các Lệnh SFDX Thông dụng
6 Thiết lập Dự án và Scratch Org
1 Tạo Component đầu tiên của bạn trong LWC
2 Cấu trúc Thư mục của Component
3 Các Quy ước Đặt tên khác nhau trong LWC
4 Tạo Ứng dụng và Triển khai Component
5 Thuộc tính Cục bộ và Ràng buộc Dữ liệu (Data Binding)
6 Phương thức và Ràng buộc Dữ liệu Hai chiều
7 Thuộc tính @track
8 Getter trong LWC
9 Kết xuất Có điều kiện (Conditional Rendering)
10 Kết xuất Có điều kiện Nâng cao
11 Vòng lặp trong Template (Template Looping)
12 Sửa lỗi Vòng lặp Iterator
1 ỨNG DỤNG CÂU ĐỐ (QUIZ APP)
1 Thành phần Hợp nhất (Component Composition)
2 Shadow DOM
3 Truy cập các Phần tử trong Component
1 CSS Nội tuyến và CSS Bên ngoài
2 Hệ thống Thiết kế Lightning (Lightning Design System)
3 Token thiết kế SLDS
4 CSS Dùng chung (Shared CSS)
5 CSS Động (Dynamic CSS)
6 Tạo kiểu xuyên suốt Shadow DOM
1 Giới thiệu về Vòng đời Component
2 Vòng đời trong Giai đoạn Gắn kết (Mounting Phase)
3 Vòng đời trong Giai đoạn Tháo gỡ (Unmounting Phase)
4 Vòng đời trong Giai đoạn Xử lý Lỗi (Error Phase)
5 Phương thức Render
1 Giới thiệu về Giao tiếp giữa các Components
2 Các phương thức Giao tiếp từ Cha xuống Con
3 Giao tiếp Cha-Con sử dụng Kiểu dữ liệu Nguyên thủy
4 Giao tiếp Cha-Con sử dụng Kiểu dữ liệu Không nguyên thủy
5 Giao tiếp Cha-Con khi có Hành động tại Component Cha
6 Gọi Phương thức của Component Con từ Component Cha
7 Các phương thức Giao tiếp từ Con lên Cha
8 Giao tiếp Con-Cha sử dụng Sự kiện Đơn giản
9 Giao tiếp Con-Cha sử dụng Sự kiện có Dữ liệu
10 Giao tiếp Con-Cha sử dụng Cơ chế Sủi bọt Sự kiện (Event Bubbling)
11 Mô-đun Pubsub
1 Phương thức Setter
2 Truyền Đánh dấu (Markup) sử dụng Slots
3 Hành vi CSS trong Component Cha-Con
1 Xây dựng Component Có thể Tái sử dụng
1 Sự Chung sống với Aura (Aura Coexistence)
1 Dịch vụ Nhắn tin Lightning (Lightning Messaging Service)
2 Giao tiếp LWC với LWC sử dụng LMS
3 Giao tiếp LWC với AURA sử dụng LMS
4 Giao tiếp giữa LWC, AURA và Trang VisualForce sử dụng LMS
1 Giới thiệu
2 Hình ảnh từ Tài nguyên Tĩnh (Static Resources)
3 Thư viện JavaScript của Bên thứ ba trong LWC
4 Sử dụng Thư viện CSS của Bên thứ ba
5 Tệp Tài sản Nội dung (Content Asset Files)
6 Quốc tế hóa (Internationalization)
7 Truy cập Nhãn (Labels)
8 Kiểm tra Quyền (Permissions)
9 Truy cập Thông tin Thiết bị Khách (Client Form Factor)
10 Lấy Thông tin về Người dùng Hiện tại
11 Lấy ID Bản ghi và Tên Đối tượng
12 Thông báo Toast
1 Trò chơi Trí nhớ (Memory Game)
1 Giới thiệu về Dịch vụ Điều hướng
2 Điều hướng đến Trang Chủ
3 Điều hướng đến Chatter
4 Điều hướng đến Tạo Bản ghi Mới
5 Điều hướng đến Tạo Bản ghi Mới với Giá trị Mặc định
6 Điều hướng đến Chế độ xem Danh sách (List View)
7 Điều hướng đến Tệp (Files)
8 Điều hướng đến Trang Bản ghi ở Chế độ Xem và Chỉnh sửa
9 Điều hướng đến Tab
10 Điều hướng đến Trang Quan hệ Bản ghi (Record Relationship Page)
11 Điều hướng đến Trang Web Bên ngoài
12 Điều hướng đến Trang LWC
13 Điều hướng đến Component AURA
14 Điều hướng đến Trang Visualforce
15 Lấy Tham chiếu Trang Hiện tại
1 Giới thiệu về Làm việc với Dữ liệu trong LWC
2 Dịch vụ Dữ liệu Lightning (Lightning Data Service)
3 Các Base Lightning Components
4 lightning-record-form
5 lightning-record-view-form
6 lightning-record-edit-form
7 Đặt lại (Reset) lightning-record-edit-form
8 Chỉnh sửa lightning-record-edit-form
9 Thêm Nhãn Tùy chỉnh vào các Trường trong Lightning-record-edit-form
10 Xác thực Tùy chỉnh trong lightning-record-edit-form
1 Giới thiệu
2 Dịch vụ @wire và lấy chi tiết người dùng
3 Cách @wire hoạt động phản ứng (reactive)
4 Bộ chuyển đổi getObjectInfo
5 Bộ chuyển đổi getObjectInfos
6 Bộ chuyển đổi getPicklistValues
7 Bộ chuyển đổi getPicklistValuesByRecordType
8 Bộ chuyển đổi getRecord
9 Các hàm getFieldValue & getFieldDisplayValue
10 Bộ chuyển đổi getListUi
11 Bộ chuyển đổi getNavItems
12 Bộ chuyển đổi getRecordUi
13 Hàm createRecord
14 Hàm updateRecord
15 Hàm deleteRecord
1 Giới thiệu
2 Xuất (Expose) các Phương thức Apex cho LWC
3 Nhập (Import) các Phương thức Apex
4 Sử dụng @wire với Phương thức Apex
5 Sử dụng @wire với Phương thức Apex có Tham số
6 Gọi Phương thức Apex một cách Chủ động (Imperatively)
7 Gọi Phương thức Apex Chủ động có Tham số
8 Làm mới Dữ liệu Apex (refreshApex) - Video Youtube
1 Ứng dụng Liệt kê Sách (Books Listing App)
2 Sửa các Lỗi
1 Cấu hình Meta trong LWC
2 LWC trong Thanh Tiện ích (Utility Bar)
3 LWC trong Tab Lightning
1 Tạo PDF trong LWC
2 Bản đồ trong LWC
3 Lọc trong LWC
4 Sắp xếp trong LWC
5 Biểu đồ trong LWC
6 Component Modal Có thể Tái sử dụng trong LWC
7 Xác thực Ngày tháng
8 Tạo CSV trong LWC
9 Sửa lỗi CSV cho tổ chức đã bật LWS
10 Carousel Tùy chỉnh Sử dụng LWC
1 Giới thiệu
2 Thiết lập Dự án
3 Tạo Ứng dụng Car Hub
4 Tạo Đối tượng Car
5 Thêm Trường Tùy chỉnh vào Đối tượng Car
6 Thêm Tài nguyên Tĩnh và Tạo Bản ghi Car
7 Thiết kế Mẫu Trang Tùy chỉnh
8 Tạo và Bố trí Component
9 Thiết kế Phần Bộ lọc
10 Thiết kế Component Car Card
11 Lấy Dữ liệu Xe từ Apex sang carListItem
12 Tạo Car Tiles
13 Phương thức getCars với logic lọc
14 Triển khai LMS và Lọc
15 Truyền recordId từ carTile sang carCard
16 Component Placeholder
17 Điều hướng đến Trang Bản ghi từ Component Car Card
18 Component Xe Tương tự
19 Tổng kết
20 Nội dung Sắp có trong Khóa học
1 Quick Actions với Lightning Web Component
2 LWC Builder - Cấu hình cài đặt component bằng click
3 lightning input với biểu tượng
4 Lightning Tree Grid
5 SOQL Builder - Cách viết truy vấn SOQL nhanh hơn
6 Salesforce Icons - Lấy mã biểu tượng cho LWC hoặc Aura chỉ với một click
1 Salesforce Code Builder
2 Xem các phụ thuộc của Lightning Web Component
3 getRelatedListsInfo - lightning/uiRelatedListApi
4 getRelatedListCount - lightning/uiRelatedListApi
5 getRelatedListRecords - lightning/uiRelatedListApi
6 getRelatedListInfo - lightning/uiRelatedListApi
7 LightningAlert
8 LightningConfirm
9 LightningPrompt
10 lwc:if, lwc:elseif, và lwc:else - Chỉ thị Điều kiện Được Cải thiện
11 lwc:ref - Truy vấn Bất kỳ Phần tử DOM nào
12 Refresh View API - Cập nhật Standard View từ Custom Component
13 RefreshView API - Cập nhật Custom Component view từ Standard View không cần Pa
14 Einstein for Developers (Beta) | Salesforce AI cho VSCode
15 lwc:spread - Truyền Thuộc tính cho Component Con
1 Giới thiệu
2 Xác định Component có trong Lightning Console App với LWC
3 Mở một tab workspace mới trong Lightning Console App
4 Mở một subtab trong Lightning console app
5 Đóng một tab trong Lightning console app
6 Đóng một subtab trong Lightning console app
7 Làm mới Tab trong Lightning console app
8 Đặt Nhãn Tab trong Lightning console app
9 Tập trung vào Tab trong Lightning console app
10 Đặt Biểu tượng Tab trong Lightning console app
11 Làm nổi bật tab với màu nền khác trong Lightning console app
12 Vô hiệu hóa workspace tab trong Lightning console app
1 Tất cả Liên kết Video Jest
1 Danh sách Video Chứng chỉ Salesforce JavaScript 1

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

Lightning Web Component framework is a new programming model to develop Salesforce Lightning Components.

The easiest way to learn modern web design, HTML5 and CSS3 step-by-step from scratch. Design AND code a huge project.

In this course, we will learn about the following topics:

  • Fundamentals of HTML and CSS

  • Tools for Lightning Web Component Development

  • JavaScript is Required to master the LWC

  • Setup of Vscode, Salesforce DX, Dev HUB, Scratch Org

  • What are Lightning Web Components?

  • Benefits of Lightning Web Components

  • Data Binding and Properties

  • Getter and setter

  • Components Communication

  • Lifecycle hooks

  • PubSub module

  • Lightning Messaging Service

  • Rendering components conditionally

  • Template looping

  • Lightning Data Services and Base components to get Salesforce data in Lightning web Components

  • Navigation Service

  • Apex connection

  • Wire service

  • Reusability of Components

  • Styling technique in LWC

  • PDF Generation in LWC

  • Charts  in LWC

  • Maps in LWC

  • CSV generation in LWC

  • Memory Game in LWC

  • Many Real-time features and Projects

  • All latest features added.

  • Spring 22 changes

  • Summer 22 changes - lightningAlert, lightningPrompt, lightningConfirm

The course will mainly focus on Lightning Web Component development. We will take real-time problem statements and examples to learn about each and every topic.

If you are new to any web development framework, please do not worry as the course will start from very basic (ground 0) to help you understand how can you start coding web components.

If you are already an expert in Web Development frameworks, then this course will definitely be a major plus to your skills as it primarily focuses on learning modern web standards, building ECMAScript modules and developing UI components.

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 😊