Posted in Superbadge, Trailhead

LWC Specialist Superbadge : Challenge 1,2,3 Guide

This is not a complete solution for challenges, but will guide you when you are stuck! Read the superbadge page completely. Most of the challenges are interlinked and the text is not in the same order of the challenge.

For other challenges, visit the Guide to Challenges.

Challenge 1: Before you start

Most easiest challenge. You just need to install the package and deactivate the “Enable secure and persistent browser caching to improve performance” from Setup > Security > Session Settings.

Challenge 2: Build the Boat Message Service channel

For this challenge, you need to connect your VS Code to your org. Create BoatMessageChannel under a new directory messageChannels and paste the code from the superbadge page.

You may need to learn about a cool feature released in Winter ’20 – Lightning Message Service – to communicate across the DOM—between Visualforce pages, Aura components, and Lightning web components, including components in a utility bar.

https://developer.salesforce.com/blogs/2019/10/lightning-message-service-developer-preview.html
Source: https://developer.salesforce.com/blogs/2019/10/lightning-message-service-developer-preview.html

Also, you are provided with the boatMap LWC component with the package that you installed. You need to add the import statements to the boatmap.js file (messageService and BoatMessageChannel__c).

Challenge 3: Get BoatDataService class ready for action

Again for this challenge, you should have BoatDataService class that is installed along with the package. You need to add AuraEnabled annotation with cacheable property.

Hint! Not all methods are cacheable=true, read the requirement well. There is a single method that shouldn’t be cached. (Spoiler: Search for the cache keyword in the superbadge page).

One thought on “LWC Specialist Superbadge : Challenge 1,2,3 Guide

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s