2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Courses

Lightning Web Components LWC

Lightning Web Components (LWC) Tutorial

Written By Apex Hours

April 15, 2025 / Lightning Web Components / Salesforce FREE Training / 9

Welcome to Lightning Web Components (LWC) world. Let’s understand why

Lightning Web components were introduced by Salesforce and How to create
the first LWC component in the sandbox or developer org (Non-scratch org).
In addition, We will talk about the difference between Aura and LWC. You
might have many questions about Lightning Web Components: Why, What &
how to start? This Lightning web component FREE Training will help you.

[Link] 1/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Table of contents
1. What is Lightning Web Component
1.1. Advantages of using LWC
2. Why Lightning Web Component(LWC)
2.1. Web stack transformation 2014-2019
2.2. What is going to happen with Aura now?
3. Aura vs LWC
4. Learn Lightning Web Components: How to start the LWC Journey?
4.1. 1. Setup Vs Code
4.2. 2. Learn JavaScript
4.3. 3. Learn about SLDS and Component Library
4.4. 4. Learn LWC from Trailhead
5. Introduction to Lightning Web Components
6. What Next for Lightning Web Components?
7. Summary

What Is Lightning Web Component

Lightning Web Components is a new programming model for building
Lightning components. It leverages the web standards breakthroughs of the
last five years, can coexist and interoperate with the original Aura
programming model, and delivers unparalleled performance.

Now, you can build Lightning components using two programming models:
Lightning Web Components and the original model, Aura Components.
Lightning web components are custom HTML elements built using HTML and
modern JavaScript. Lightning web components and Aura components can
coexist and interoperate on a page. To admins and end users, they both
appear as Lightning components.

Advantages Of Using LWC

[Link] 2/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Why Lightning Web Component(LWC)

When Salesforce introduced LWC as a Developer, my first question was why
we should use LWC when we already have the AURA component framework.

Eight years ago, in 2014, Lightning Components Launched. At that time, Web
Standards had limited functionality, and various frameworks came to fill the
gaps, like ReactJs for virtual DOM, common, etc. The Aura framework was
part of that initiative, where they pushed web standards to build enterprise
applications.

Fast forward a few years later. Web standard has a rich set of functionalities
supported by Native Browsers. In other words, the Lightning Web
Components framework brings the power and benefits of Web Components
while being built on modern web standards. Lighting Web Components are
comprised of 3 key pieces:

Base Lighting Components – a set of 80+ UI components built as

custom elements
The Lightning Data Service provides declarative access to Salesforce
data and metadata, data caching, and data synchronization.

[Link] 3/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

The User Interface API is the underlying service that makes Base
Lighting Components and the Lightning Data Service metadata-aware.

Web Stack Transformation 2014-2019

Image from Salesforce Document.

What Is Going To Happen With Aura Now?

Well, now you know the power of LWC, Now you must be wondering what is
going to happen with AURA components? Are we going to skip them? The
answer is NO!

Aura Vs LWC
Aura components and Lightning web components can coexist and
interoperate, and they share the same high-level services:

[Link] 4/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Aura components and Lightning web components can coexist on the

same page
Aura components can include Lightning web components
Aura components and Lightning web components share the same base
Lightning components. Base Lightning components have already been
implemented as Lightning web components.
Aura components and Lightning web components share the same
underlying services (Lightning Data Service, User Interface API, etc.)

Topic Aura LWC

Aura components are LWC is built on the web

Framework
built using TML and JS stack.

LWC improves
AURA takes longer to
Performance performance and are
build and deliver
much faster to deploy

Standard JavaScript
Aura event framework
Event Handling DOM event model,
with complex handling
simpler event handling

Can feel slower due to

Optimized design leads
User Experience an older rendering
to faster load times
model

[Link] 5/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Learn Lightning Web Components: How To Start

The LWC Journey?
Here are some recommended steps that might help in your LWC development
journey!

1. Setup Vs Code
[Link] 6/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

1. Install VS Code and set it up for Salesforce Development. You can follow
the Set up VS Code trailhead module for that.

2. Learn JavaScript
1. Start with JavaScript Basics.
2. Passing JavaScript Developer I and what I learned along the way.
3. What’s wrong with my JavaScript Code?
4. 8 ECMAScript standards for Lightning Web Components.

3. Learn About SLDS And Component Library

1. Follow SLDS.
2. Check the component library before starting the build.

4. Learn LWC From Trailhead

1. Complete the LWC trail mix on the trailhead.
2. Migrate from Aura to LWC.
3. Check Lightning web component FREE Training.

[Link] 7/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Introduction To Lightning Web Components

Check our Apex Hours LWC DAY-1 session to learn about Why LWC.

[Link] 8/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

What Next For Lightning Web Components?

Check the below post for examples of Lightning Web Components(LWC).

1. Learn about how to call Apex in LWC

2. Event communication in LWC.
3. Custom Label in Lightning Web Components.
4. Lightning Datatable in LWC.
5. Navigation Service in Lightning Web Components.
6. Design attributes in Lightning Web Components.

Summary
Learn Lightning Web Components with our free Training, and don’t miss our
upcoming sessions. I hope this complete Lightning Web Component LWC
guide will help you learn LWC.

[Link] 9/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Tags

# Lightning Web Components # LWC # Salesforce

Share your love

Apex Hours

Salesforce Apex Hours is a program of the community, for the

community, and led by the community. It is a space where
Salesforce experts across the globe share their expertise in
various arenas with an intent to help the Ohana thrive! Join us
and learn about the apex hours team.

ARTICLES: 354

Related Posts

g State Management In LWC Using Custom Labels For Multi-Langua

LWC

[Link] 10/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

9 Comments

Joe Looker JANUARY 24, 2021 / 2:25 AM REPLY

“under standard”! LMAO. you might want to fix that typo, Amit. pretty
funny (and not so great) meaning….! haha

Amit Chaudhary JANUARY 24, 2021 / 2:40 AM REPLY

Sorry, I just fixed the typo

Lakshmi MAY 20, 2021 / 2:37 PM REPLY

I am unable to follow the video sequence.

I am searching for LWC. I can find only the 13th class and the 12th.
I want 1st class onwards.
Can you help? His teaching is good.

Amit Chaudhary JANUARY 30, 2023 / 12:44 PM REPLY

Check our complete Lightning Web Component guide in this

training

[Link] 11/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Abhilasha Walke SEPTEMBER 2, 2021 / 9:25 PM REPLY

As i want to learn LWC i was searching here but not get video
sequentially. Can you help me with the same.

Amit Chaudhary JANUARY 30, 2023 / 12:45 PM REPLY

All Lightning web components session are scheduled now

Surbhi JUNE 8, 2022 / 2:41 PM REPLY

Great session to start with LWC.. Good explanation on the decorators.

Thanks
Surbhi-

Shraddha Gurav SEPTEMBER 22, 2024 / 10:37 AM REPLY

There is a post which says.. Salesforce is providing AI trainings online

and AI certifications for Free.. can you pls guide me on where to
attend training and apply for certification…Thanks in advance

[Link] 12/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Apex Hours SEPTEMBER 22, 2024 / 1:59 PM REPLY

Learn more here [Link]

provides-free-ai-training-certifications/

Leave A Reply
Your email address will not be published. Required fields are marked *

Name * Email *

Add Comment *

Notify me of follow-up comments by email.

Notify me of new posts by email.

Post Comment

Important Links Recent Posts Subscribe To

Home How Revenue Cloud Helps Blog Via Email
Subscription-Based
Businesses Enter your email address
About us
to subscribe to this blog
Ultimate Agentforce Vibes
Contact us Guide
[Link] 13/14
2/15/26, 7:13 AM Lightning Web Components (LWC) Tutorial - Apex Hours

Privacy Policy Salesforce Live Chat and receive notifications

Migration Guide To of new post by email.
Enhanced Chat
Apex Trigger Best
Practices In Salesforce Subscribe
Generate SOQL Queries Join 4,542 other
With Agentforce Vibes
subscribers

Copyright 2018-2025. All Rights Reserved By Apex Hours.

[Link] 14/14