LWC Beginner to Advance
- LWC Beginner to Advanced Roadmap
- LWC Prerequisites
- Web Fundamentals
- LWC Fundamentals
- Core LWC Concepts
- Communication Between Components
- Working with Salesforce Data
- UI and UX in LWC
- Lightning-Input In LWC
- Lightning-Button In LWC
- Lightning-Card In LWC
- Lightning-Datatable
- Lightning-Combobox In LWC
- Lightining-Spinner In LWC
- lightning-Layout In LWC
- Lightning Accordion In LWC
- Lightning-accordion-section
- Lightning-alerts In LWC
- Lightning-Analytics-Wave-Api
- Lightning avatar in LWC
- Lightning badge in LWC
- Lightning-barcode-scanner
- Lightning-breadcrumb
- Lightning-breadcrumbs
- Lightning-button-group
- Lightning-button-icon
- Lightning-button-icon-stateful
- Lightning-button-menu
- Lightning-button-stateful
- Lightning Carousel & Lightning Carousel Image
- Lightning-checkbox-group
- Lightning-click-to-dial
- Lightning-confirm
- Lightning-dual-listbox
- Lightning-dynamic-icon
- Lightning-emp-api
- Lightning-file-upload
- Lightning-flow
- Lightning-formatted-address
- Lightning-formatted-date-time
- Lightning-formatted-email
- Lightning-formatted-location
- Lightning-formatted-name
- Lightning-formatted-number
- Lightning-formatted-phone
- Lightning-formatted-rich-text
- Lightning-formatted-text
- Lightning-formatted-time
- Lightning-formatted-url
- Lightning-helptext
- Lightning-icon
- Lightning-input-address
- Lightning-input-field
- Lightning-input-location
- Lightning-input-name
- Lightning-input-rich-text
- Lightning-layout-item
- Lightning-logger
- Lightning-map
- Lightning-media-utils
- Lightning-menu-divider
- Lightning-menu-item
- Lightning-menu-subheader
- Lightning-message-service
- Lightning-modal
- Lightning-modal-body
- Lightning-modal-footer
- Lightning-modal-header
- Lightning-navigation
- Lightning-output-field
- Lightning-page-reference-utils
- Lightning-pill
- Lightning-pill-container
- Lightning-platform-resource-loader
- Lightning-platform-show-toast-event
- Lightning-platform-utility-bar-api
- Lightning-platform-workspace-api
- Lightning-progress-bar
- Lightning-progress-indicator
- Lightning-progress-ring
- Lightning-progress-step
- Lightning-prompt
- Lightning-quick-action-panel
- lightning-radio-group
- lightning-record-edit-form
- Lightning-record-form
- Lightning-record-picker
- Lightning-record-view-form
- Lightning-relative-date-time
- Lightning-rich-text-toolbar-button
- Lightning-rich-text-toolbar-button-group
- Lightning-select
- Lightning-service-cloud-voice-toolkit-api
- Lightning-slider
- Lightning-tab
- Lightning-tabset
- Lightning-textarea
- Lightning-tile
- Lightning-toast
- Lightning-toast-container
- Lightning-tree
- Lightning-tree-grid
- Lightning-user-consent-cookie
- lightning-vertical-navigation
- lightning-vertical-navigation-item
- lightning-vertical-navigation-item-badge
- lightning-vertical-navigation-item-icon
- Advanced LWC Concepts
- Lifecycle Hooks - Constructor
- Lifecycle Hooks – ConnectedCallback
- Lifecycle Hooks – RenderedCallback
- Lifecycle Hooks - DisconnectedCallback
- NavigationMixin in LWC
- Navigate to Different Pages
- Publish & Subscribe
- Cross-DOM Communication
- Lightning Messaging Service (LWC to LWC)
- Lightning Messaging Service (Aura ↔ LWC)
- Error Handling & Debugging Console Logging
- Error Handling & Debugging – Apex Error Parsing
- Error Handling & Debugging – UI Error Handling
- Show toast in LWC
- Performance and Best Practices
- Real-World Projects
- Beginner Projects – Simple Calculator
- Beginner Projects – Contact Form
- Beginner Projects – Todo App
- Beginner Projects – Record Viewer
- Intermediate LWC Projects
- Project 1 – CRUD App using Apex (Employee Management)
- Project 2 – Datatable with Pagination (LWC + Apex)
- Project 3 – Search & Filter Component (LWC + Apex)
- Project 4 – Advanced Dynamic Form Builder in LWC
Lightning-output-field
The Lightning-output-field component is used to display read-only field values from Salesforce records in Lightning Web Components. It ensures data is rendered accurately according to field type, user locale, and Salesforce metadata, making it ideal for building clean, consistent, and secure record detail views.
