
Learn to run anonymous apex code in developer console or visual studio code, deploy apex classes, and set up the Salesforce CLI and extensions for auto deploy.
Master data binding in Lightning Web Components by binding properties to values in JavaScript and displaying them in HTML with curly braces.
Create a Lightning app page in Salesforce with the Lightning App Builder, configure layout, save and activate, add to apps and navbar, and populate it with components.
Explore how to pass data from child to parent in lightning web components using custom events, event dispatch, and detail properties in a hands-on live project.
Pass multiple values from child to parent in LWC by adding two text fields for first name and last name and dispatching an event with a detail containing both values.
Learn to use the lightning message service to pass values between LWC publisher and subscriber components. Update the message channel to carry first name and last name, then test.
Students will learn Lightning Web Components programming model and how to develop/create project using Lightning Web Components i.e. LWC programming model.
Topics covered in this course
1. Salesforce Lightning Web Components (LWC) Introduction
2. Salesforce - How To Run Apex Code in Vscode | How To Create Apex Class in Visual Studio Code
3. Create First Lightning Web Component & Deploy to Salesforce Org |Create LWC Component in vs code
4. How To Delete LWC Component From Org |How To Delete Custom Lightning Web Component in Salesforce
5. Data Binding in LWC Salesforce | Lightning Web Components
6. Getter Property in Lighting Web Components (LWC) in Salesforce
7. Conditional Rendering in HTML in LWC | Apply if-else in Lightning Web Components in Salesforce
8. For Each Loop in LWC Salesforce |Render List using for each loop in HTML Lightning Web Component
9. Iterator Loop in LWC Salesforce |Render List using iterator loop in HTML Lightning Web Component
10. Decorators in LWC Salesforce Introduction | api, track, wire in Lightning Web Components
11. api Decorator in LWC Salesforce with Example | Public Property in Lightning Web Component
12. track Decorator in LWC Salesforce with Example | track Decorator in Lightning Web Component
13. wire Decorator in LWC Salesforce with Example | wire Decorator in Lightning Web Component
14. Use of wire Decorator / Adapter to call Apex Class Method from LWC | Lightning Web Components
15. Decorate Function with wire Decorator in LWC Salesforce | Lightning Web Component
16. Use querySelector() to Fetch Data in LWC | HTML Template Data Binding | Lightning Web Component
17. Use querySelectorAll to fetch Data in LWC | HTML Template Data Binding | Lightning Web Component
18. How To Create Lightning App Page in Salesforce
19. Data Communication in LWC Components | Message Passing in Lightning Web Components | Salesforce
20. Data Communication From Parent to Child LWC Component | Salesforce | Message Passing
21. Data Communication From Child to Parent LWC Component | Salesforce | Message Passing
22. How to pass multiple values from Child component to Parent component in LWC | Salesforce LWC
23. Lightning Message Service for Data Communication between unrelated LWC Components | Salesforce
24. Lightning Message Service for passing multiple values between unrelated LWC Components
25. Salesforce LWC Real Time Project Part 1 | Lightning Web Components Live Project in Salesforce
26. Salesforce LWC Real Time Project Part 2 | Child to Parent and Parent to Child Data Communication
27. Salesforce LWC Real Time Project Part 3 | Lightning Data Table | Lightning Web Components
28. Salesforce LWC Real Time Project Part 4 | wire Decorator Adapter to call Apex Class Method from LWC
29. Salesforce LWC Real Time Project Part 5 | Lightning Message Service | Lightning Web Components
30. Salesforce LWC Real Time Project Part 6 | Wire vs Imperative Apex Method Calls | Async and Await
31. Salesforce LWC Real Time Project Part 7 | Modal Popup | Lightning Data Service | Show Toast Message