Learn Lightning Web Components from Scratch

Farah Sherif Ghanem
3 min readAug 7, 2020

If you are a Salesforce Developer or in the process of learning Salesforce Development you must’ve heard of Lightning Web Components or “LWC”. In this article I explain in simple words what are Lightning Web Components and I offer you very helpful resources to learn them LWC from Scratch.

What are Lightning Web Components (LWC)?

Remember the Lightning App Builder? where you used to drag the standard components you wanted to be displayed?

Well, if you have a certain customization that doesn’t exist by default on Salesforce you can create a custom Lightning Component for it and drag it to the page that you want it to be displayed on.. cool right? Here’s a custom component I created that serves as a Simple Calculator.

Why Lightning Web Components?

Modern browsers (ex. Google Chrome) are based on web standards, and those standards are constantly evolving and improving what browsers can present to a user. In order for a developer on the Salesforce platform to take advantage of those evolving standards, Salesforce created Lightning Web Components.

Here are some advantages of LWC:

  • Enhanced Performance
  • Most of the code you write is standard JavaScript and HTML
  • Easy to use and deploy
  • Reusability

Where do I Start Learning LWC?

I will mention some resources that are suitable for learning LWC from scratch. You have to have a basic understanding of Apex and SOQL to be able to dive in the below resources.

1- Lightning Web Component Development By Manish Choudhari

This is a great 11-hour course on Udemy. You basically become an LWC Specialist after completing this one, and the best part about it is that you can start it when you have zero knowledge in LWC.

Course Link

2- Building Your First LWC By Sara Morgan

This is also a beginner 2-hour course on Pluralsight that I’ve found very helpful while learning Lightning Components.

Course Link

3- Trailhead

While Trailhead has all the useful content for LWC, I prefer to share with you the “beginner” modules related to LWC. Complete them in the below order.

  1. Set Up Your Lightning Web Components Developer Tools
  2. Quick Start: Lightning Web Components
  3. Lightning Web Components Basics

There are tons of resources on the internet regarding LWC, but as I said the ones I gathered here are focused on the beginner level and also they are taught by Salesforce Professionals, so if you are beginning your journey you must definitely start from here.

Happy Learning :)!

--

--