LWC

⚡️ Lightning Web Components Series for Beginners

Welcome to my new series on Lightning Web Components (LWC)! Whether you're just starting out or already have some experience, this series is designed to help both beginners and intermediate learners build a strong foundation in Salesforce’s modern front-end framework.

💬 Got questions as you go? Feel free to drop them in the comments—learning is more powerful when we share and collaborate.

🎉 Happy learning, and let’s build something brilliant together!

TOPIC 1: What are Lightning Web Components?

TOPIC 2: How to set up a visual studio code for Salesforce?


TOPIC 3: What are scratch orgs in salesforce and how to create scratch org in salesforce?

TOPIC 4: How to authorize the dev hub org in salesforce?


TOPIC 5: Lightning Web Component Bundle


TOPIC 6: Create your first lightning web component


TOPIC 7: Data Binding in lightning web component


TOPIC 8: Handling lightning-input in lightning web component


TOPIC 9: Conditional rendering in lightning web component


TOPIC 10: for:each directive and iterator directive in lightning web component


TOPIC 11: Decorators in Lightning Web Components


TOPIC 12: Lifecycle hooks in LWC


TOPIC 13: How to iterate over the list in lightning web components?


TOPIC 14: How to iterate over the map in lightning web components?


TOPIC 15: How to Iterate over map with list as values in lightning web components?


TOPIC 16: How to pass data from child component to parent component in lightning web component?


TOPIC 17: How to pass data from parent component to child component in lightning web component?


TOPIC 18: How to call child component method from parent component in lightning web component?

TOPIC 19: When to use Lightning Web Component model and When to use Aura Component model for building lightning components?

TOPIC 20: How to use Getters to compute a value in Lightning Web Component?

TOPIC 21: How to render multiple templates in Lightning Web Components?

TOPIC 22: How to add styling to Lightning Web Component?

TOPIC 23: How to share CSS style sheet in Lightning Web Component?

TOPIC 24: Explain @track decorator in Lightning Web Component in detail?

TOPIC 25: Explain @api decorator in Lightning Web Component in detail?

TOPIC 26: How to pass value from child LWC to parent AURA component?

TOPIC 27: How to call method of child LWC from parent AURA component?

TOPIC 28: How to get record id in lightning web component?

TOPIC 29: lightning-record-form in LWC

TOPIC 30: lightning-record-edit-form in LWC

TOPIC 31: lightning-record-view-form in LWC

TOPIC 32: Explain @wire decorator in Lightning Web Component in detail?

TOPIC 33: How to pass recordId from LWC to apex controller?

TOPIC 34: How to pass parameter from LWC to Apex controller?

TOPIC 35: How to call an apex method imperatively in lwc?

TOPIC 36: lightning/uiRecordApi and How to use getRecord in LWC?

TOPIC 37: How to use createRecord(recordInput) in LWC?

TOPIC 38: How to use getObjectInfo in Lightning Web Component?

TOPIC 39: Display toast notifications in Lightning Web Component

TOPIC 40: How to use design attribute in LWC?

TOPIC 41: Navigation in lightning web component

TOPIC 42: How to navigate from one LWC to another LWC?

TOPIC 43: Navigate to a record’s create page with default field values in LWC using standard action

TOPIC 44: How to access custom labels In Lightning Web Component?

TOPIC 45: How to use static resource in LWC?

TOPIC 46: Data Table in LWC

TOPIC 47: How to display lookup field in lightning data table in LWC?

TOPIC 48: How to add custom link in data table in LWC?

TOPIC 49: How to delete a row or a record using row level action and refresh data table in LWC?

TOPIC 50: How to display modal/popup in LWC?

TOPIC 51: How to edit a row or a record using row level action in LWC?

TOPIC 52: How to edit a record using lightning-record-form in LWC?

TOPIC 53: How to create a record using lightning-record-form in LWC?

TOPIC 54: What is Shadow DOM in LWC?

TOPIC 55: What are events in LWC? How Communications happens in LWC?

TOPIC 56: Exploring Lifecycle Flow in LWC with Getters, Setters, and DOM Events

TOPIC 57: Understanding the Difference Between @wire Properties and @wire Functions in LWC