1. Introduction — LWC bundle An LWC bundle is a collection of files that together define a single Lightning Web Component. Typical files include an HTML template, a JavaScript controller, a metadata XML file, and optional assets (CSS, SVGs, tests). 2. HTML File Every LWC must include an HTML file with a root <template> tag. This tag contains the component's markup and bindings. <template> <h1>Hello, World!</h1> <p>Welcome to my Salesforce application.</p> </template> 3. JavaScript File The JavaScript file defines component behavior: properties, event handlers, getters, and lifecycle hooks. import { LightningElement } from 'lwc'; export default class GreetingComponent extends LightningElement { name = ''; handleInputChange(eve...