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
JS Map & Filter
The purpose of learning map() and filter() in JavaScript is to understand how to process and manipulate arrays in a clean, readable, and modern way. These methods help transform data and select required values without using traditional loops, making code easier to maintain and more efficient. They are especially important in Salesforce Lightning Web Components when working with lists of records returned from Apex.