Mô tả

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.

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

Yêu cầu

Nội dung khoá học

29 sections

Introduction

4 lectures
Introduction
02:08
Course Outline
07:54
Fundamentals of Web Technology
01:51
Tools for Web Development
04:07

HTML & CSS

2 lectures
Basics of HTML
14:14
Basics of CSS
18:49

JavaScript for LWC

17 lectures
JavaScript Learning Path
02:26
Variables
17:35
Fixing Typo in Variables
00:11
Data Types
11:26
null vs undefined
06:53
Spread Operator
21:09
Destructuring
05:20
String interpolation
06:41
String Methods
10:09
Object/JSON Operations
04:29
Array Methods
16:32
Promise
10:21
Modules import and export
09:42
QuerySelector
07:36
Events
12:35
Arrow Function
10:26
setTimeout vs setInterval
05:00

Lightning Web Component and Setup

5 lectures
Intro to Lightning Web Components
08:45
Setting Up Developer org
03:31
Setting Up Salesforce DX Environment
06:48
Setting Up My Domain and Dev Hub
05:36
Setting up Project and Scratch Org
17:58

Fundamentals of LWC

13 lectures
List of Common SFDX Commands
00:01
Create Your First Component in LWC
04:58
Component Folder Structure
05:19
Different Naming Conventions Available in LWC
02:50
App Creation and Component Deployment
10:50
Local Properties and Data Binding
08:45
Methods And Two way Data Binding
15:20
@track properties
11:20
Getters in LWC
09:37
Conditional Rendering
17:41
Improved Conditional Rendering
00:13
Template Looping
26:06
Iterator Loop fix
00:34

First Project - Quiz App

1 lectures
QUIZ APP
46:07

Composition and Query Selectors

3 lectures
Component Composition
07:07
Shadow DOM
11:53
Accessing Elements in the Component
20:57

Styling in LWC

6 lectures
Inline and External CSS
10:47
Lightning Design System
15:13
SLDS design token
04:36
Shared CSS
11:45
Dynamic CSS
08:04
Styling across shadow DOM
09:51

Component Lifecycle Hooks

5 lectures
Introduction to lifecycle Hooks
02:22
Lifecycle Hooks in Mounting Phase
20:38
Lifecycle Hooks in Unmounting Phase
10:44
Lifecycle Hooks in Error Phase
03:35
Render Method
19:15

Components Communication

11 lectures
Intro to Components Communication
01:36
Parent to Child Communication Approaches
01:09
Parent To Child Communication using primitive Data type
15:46
Parent To Child Communication using non-primitive Data type
09:38
Parent To Child Communication on action at parent component
08:24
Calling Child Method from Parent component
08:42
Child to Parent Communication Approaches
00:58
Child to Parent Communication Using Simple Event
14:03
Child to Parent Communication Using Event with Data
04:20
Child to Parent Communication Using Event Bubbling
06:48
Pubsub Module
15:32

Setter, Slots and CSS behaviour in parent child component

3 lectures
Setter Method
12:24
Passing Markup Using Slots
17:25
CSS behaviour in parent child component
11:18

Building Reusable Component

1 lectures
Building Reusable Component
21:08

Aura Coexistence

1 lectures
Aura Coexistence
15:36

Communication between Visualforce pages, Aura components, and LWC

4 lectures
Lightning Messaging Service
08:09
LWC to LWC Communication using LMS
21:18
LWC TO AURA Communication using LMS
19:47
LWC, AURA and VisualForce Page Communication using LMS
21:27

Salesforce Resources, Component Context and Notification

12 lectures
Introduction
02:10
Images from Static Resources
10:22
Third Party JavaScript Libraries in LWC
14:47
Using Third Party CSS Library
09:08
Content Asset Files
05:26
Internationalization
10:28
Access Labels
07:12
Check Permissions
15:59
Access Client Form Factor
03:37
Get Information About the Current User
04:41
Fetch Record Id and Object Name
05:56
Toast Notification
18:09

Memory Game Project

1 lectures
Memory Game
01:19:24

Navigation Service

15 lectures
Intro to Navigation Service
03:46
Navigate To Home
05:28
Navigate To Chatter
02:28
Navigate To New Record
04:46
Navigate To New Record With Default Values
06:38
Navigate To List View
03:17
Navigate To Files
02:21
Navigate To Record Page in View and Edit Mode
07:24
Navigate To Tab
03:55
Navigate To Record Relationship Page
06:06
Navigate To External Web Page
03:37
Navigate To LWC Page
08:38
Navigate To AURA Component
13:41
Navigate To Visualforce page
07:22
Fetch Current Page Reference
06:36

Base lightning components

10 lectures
Introduction to Work With Data In LWC
02:16
Lightning Data Service
05:15
Base Lightning Components
04:49
lightning-record-form
26:56
lightning-record-view-form
07:24
lightning-record-edit-form
14:14
Reset the lightning-record-edit-form
03:35
Edit the lightning-record-edit-form
02:45
Adding Custom Label to the Fields in Lightning-record-edit-form
02:37
Custom Validation in lightning-record-edit-form
18:00

Lightning Data Service Wire Adapters and Functions

15 lectures
Introduction
02:50
@wire service and fetch user details
23:09
How @wire is reactive
04:04
getObjectInfo adapter
09:32
getObjectInfos adapter
07:03
getPicklistValues adapter
18:49
getPicklistValuesByRecordType adapter
16:36
getRecord adapter
15:42
getFieldValue & getFieldDisplayValue functions
05:10
getListUi adapter
20:26
getNavItems adapter
11:07
getRecordUi adapter
13:23
createRecord function
15:14
updateRecord Function
27:25
deleteRecord Function
10:20

Apex in LWC

8 lectures
Introduction
01:56
Expose Apex Methods to LWC
04:05
Import Apex Methods
02:51
Wire Apex Method
12:56
Wire Apex Method with Parameters
11:47
Call Apex Methods Imperatively
08:57
Apex Imperative Method with Parameters
12:38
refreshApex Youtube video
43:41

Books Listing App With Rest API Callout

2 lectures
Books Listing App
23:12
Fixing Issues
00:49

Component Configuration in LWC

3 lectures
Meta Configuration in LWC
18:18
LWC in Utility Bar
05:02
LWC in Lightning Tab
03:23

Real Time Features

9 lectures
PDF Generation in LWC
35:53
Maps in LWC
16:36
Filtering in LWC
40:04
Sorting in LWC
11:45
Charts in LWC
37:04
Reusable Modal Component in LWC
27:21
Date Validation
11:31
CSV Generation in LWC
31:58
Custom Carousel Using LWC
01:04:51

Car Hub Project

20 lectures
Introduction
02:42
Project Setup
03:27
Car Hub App Creation
03:08
Car Object Creation
04:38
Adding Custom Fields to Car Object
13:10
Adding Static resources and Creating Car records
07:21
Custom Page Template Design
14:07
Component Creation and Placement
05:04
Filter Section Designing
25:19
Designing Car Card Component
19:46
Fetching Cars from Apex to carListItem
06:14
Creating Car Tiles
16:53
getCars Method with filter logic
16:11
LMS implementation And Filtering
30:22
Passing recordId from carTile to carCard
19:12
Placeholder Component
10:32
Navigate to record Page from car Card Component
07:21
Similar Cars Component
27:51
Summary
02:49
What's More Coming to the Course in future
00:02

[deprecated] Job Website using LWC OSS and Heroku

16 lectures
API'S deprecated by github
00:05
Introduction
02:22
Project Setup
08:46
Navbar component creation
08:04
Bootstrap Library Setup
07:07
Search Box Component
30:25
Calling Job API
07:40
Job Card Component
15:04
Utility Creation
06:56
Job Description Component
19:41
View Detail Button
06:48
Apply Now Button
05:32
Back to Jobs From Description
05:48
Real-time job search
07:45
Known Issues..
00:16
Heroku Deployment
23:40

Latest Videos

6 lectures
Quick Actions with Lightning Web Component
19:57
LWC Builder - Configure your component settings with clicks
13:02
lightning input with icons
31:45
Lightning Tree Grid
20:42
SOQL Builder - a faster way to write SOQL queries
14:39
Salesforce Icons - Get your LWC or Aura Icons code with a single click
02:51

New Releases

14 lectures
Salesforce Code Builder
19:32
View the dependencies of your Lightning Web Component
03:37
getRelatedListsInfo - lightning/uiRelatedListApi
08:09
getRelatedListCount - lightning/uiRelatedListApi
14:44
getRelatedListRecords - lightning/uiRelatedListApi
12:17
getRelatedListInfo - lightning/uiRelatedListApi
10:37
LightningAlert
26:45
LightningConfirm
14:00
LightningPrompt
16:41
lwc:if, lwc:elseif, and lwc:else Improved Conditional Directives
21:49
lwc:ref - Query Any DOM element
15:18
Refresh View API - Update Standard View From Custom Component
14:40
RefreshView API - Update Custom Component view from Standard View without Pa
16:16
Einstein for Developers (Beta) | Salesforce AI for VSCode
09:49

Salesforce Jest Testing Videos

1 lectures
All Jest Video Links
00:05

Salesforce JavaScript 1 Certification Preparation

1 lectures
Salesforce JavaScript 1 Certification Videos list
00:24

Đá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.