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
Error Handling & Debugging Console Logging
The purpose of console logging is to help developers understand what is happening inside the application at runtime. It allows tracking values, application flow, and identifying errors during development and debugging.
