Episode 13 – Building Custom User Interfaces using Lightning Web Components (Part 2)

Apex, Apex Hours for Students

User Experience is an essential element of any application and Salesforce is no exception to this. In this episode, we will explore the programmatic capability of the platform to build responsive applications which comply with the general web development standards. Join us as you embark on this wonderful journey to become a champion Salesforce developer.

Episode 13 will be presented by Amit Singh on Feb 26, 2020 at 6 PM Indian Standard Time.

Agenda

  • Managing Navigation in LwC
  • Working with Events
  • Accessing Salesforce Data
  • Using Custom Components in Lightning Experience
  • Q & A

Most importantly don’t break a leg if you are overwhelmed with the pace of the live sessions. All Apex Hours for Student sessions will be recorded and will be available on our YouTube channel.

Please register here and follow our ApexHours website to get more notification.

Here is keynote of session

Communication between LWC

We can communicate with components in 2 ways

Parent to Child

Child to Parent

Accessing Data in LWC from Database

  • Using apex class
  • Using Lightning Data Service

Use LWC in lightning Experience

Navigation in LWC

Step 1 – import navigate library in JS file – x import { NavigationMixin } from ‘lightning/navigation’;
Step 2 – Make the library available for the JS file export default class Contactlistlwc extends NavigationMixin(LightningElement) {
Step 3 -Use navigate method to navigate
this[NavigationMixin.Navigate]({
          type: ‘standard__recordPage’,
          attributes: {
              recordId: recordId,
              objectApiName: ‘c__Contact’, // objectApiName is optional
              actionName: ‘view’
          }
      });

Further Learning

Recording of session

Assignment

Complete below assignment to win $1000 Salesforce Voucher. Click here for rule.

1.Create Contact component – Create a LWC Component which will took input from user and create a Contact Record. Below Fields should be used as input.
•FirstName
•LastName
•Email
•Phone
•Title
2.Navigate to Contact Detail Page Once record is Created

Submit Your Org Credentials

Step 1 – Add below IP Range at profile level. Go to Setup -> Profiles -> System Administrator -> Login IP Ranges and Add below IP Range
Start IP – 0.0.0.0
End IP – 255.255.255.255

Step 2 – Send your Credentials to apexhoursforstudent@gmail.com


Step 3 – Tweet that you have completed the assignment and at mention @ApexHours #ApexHoursDev #ApexHours @amit_sfdc

Apex Hours Session

Please check below post on Lightning Web Components:-

  1. Lightning Web Components ( LWC ) in Salesforce with Non-Scratch Org
  2. Invoke Apex Controller from Lightning Web Component | Lightning Web Component inside Another LWC
  3. Design attributes in Lightning Web Components | CSS and SVG Files | Lightning Web Components | targetConfigs
  4. How to get current user id in lightning web component | Access logged in user ID in LWC 
  5. Toast Notification in Lightning Web Components | ShowToastEvent |  (LWC)  
  6. Lightning Web Components Best practices 
  7. Events in Lightning web components (LWC) | Communicate with Events
  8. Lightning datatable In Lightning Web Components | lightning datatable inline edit
  9. Lightning Message Service (LMS) | MessageChannel

If you like this program and learn something from Apex Hours please leave one comment

Thanks

Amit Chaudhary

2,256 total views, 27 views today

2 comments

Leave a Reply