If you are an Apex programmer who wants to develop responsive applications using Lightning Web Components, this course will give you hands-on experience building a single-page application. You will build a Lightning application and Lightning Web Components that have the Salesforce look and feel and can securely access, display, and manipulate data in your org. You will also learn how to communicate between Lightning Web Components using custom events, public methods, and service components to make your application interactive.
This course is ideal for web developers and Salesforce developers looking to build Lightning Web Components and applications that run in Lightning Experience.
- Build a set of simple Lightning web components.
- Retrieve and display data from a single record and from a list of records.
- Encapsulate functionality into child components.
- Use events for cross-component communication.
Lessons and Topics
Before attending the class, there are a few things we need you to install on your computer so that you can fully participate. Please follow the steps listed here and you’ll be ready to start developing your Salesforce skills and knowledge in no time.
Create a Hello World Lightning Web Component
- Add a Lightning web component to the home page
- Use one-way data binding
- Use expressions to display dynamic values
Work with a Single Record
- Add a Lightning web component to a record page
- Import getRecord adapter that allows you to retrieve records without writing Apex
- Use the wire service to fetch data and errors and pass them to a function
- Render content conditionally using the if:true directive
- Use lightning-record-form to create a compact view of a record
Work with Lists of Records
- Iterate over a list of records using the template tag and the for:each and for:item directives
- Import adapters to get access to static resources
- Implement the connectedCallback function
- Use wired and imperative Apex
Create a Child Component and Interact with It
- Raise and handle custom events
- Use navigation mixin
Communicate with Components Across an App
- Publish events across sibling components
- Use a card component with a map
- Create an interactive map using a third-party JS library
- November 4, 2021 9a-5p Virtual
November 4, 2021
9:00 am - 5:00 pm