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
Beginner Projects – Record Viewer
The purpose of this beginner project is to help learners understand how to fetch and display Salesforce record data using Lightning Web Components. This project demonstrates how to view record details on the UI using standard Salesforce services without writing complex Apex logic.
.webp)