LWC Intro & Course Trailer
A quick trailer for the course: what LWC is, why it matters, and what you will build across the lessons.
LWC intro & course trailer
Welcome to Lightning Web Components A–Z. Lightning Web Components (LWC) is Salesforce's modern UI framework, and unlike its predecessor Aura it's built directly on web standards: native custom elements, shadow DOM, ES modules, and plain modern JavaScript. That means the skills you build here are largely transferable web-development skills, with a thin Salesforce-specific layer on top. If you know ES6, you already know most of LWC.
Why did Salesforce build LWC? Performance and standards. Because it leans on what the browser provides natively rather than a heavy framework layer, LWC renders faster and has a smaller footprint than Aura. It coexists with Aura — the two can even interoperate — but LWC is the future and where all new investment goes. For anyone building on the platform today, it's the default choice for custom UI.
Across this course you'll go from an empty component to a tested, deployed feature. We'll dissect a component's anatomy — its HTML template, JavaScript class, and metadata file — then cover reactivity, template directives, and getters. You'll learn to handle events and let components communicate, wire real Salesforce data with Apex and Lightning Data Service, and use platform services for navigation, toasts, and error handling. The final lessons cover unit testing with Jest and deploying to an org with the Salesforce CLI.
This first lesson is a trailer, so there's no setup required yet — just orientation. To follow along in later lessons you'll want a Salesforce org and the Salesforce CLI with a code editor like VS Code and the Salesforce Extension Pack, which we'll set up when we deploy. For now, know that everything here is free, hands-on, and cumulative: each lesson builds a real component you extend in the next. Let's start by taking a component apart in the next lesson.
