Lightning Web Component Course Details

Table of Contents

Course Overview

Lightning Web Component is a new methodology to develop Salesforce Lightning Components. This course is designed to help you understand three basic things:

  • What are Lightning Web Components?
  • Why Salesforce has introduced the Lightning web component?
  • How can you develop Lightning web components?
  • What are all the best practices to develop lightning web components?
  • What are various patterns and anti-patterns to develop the lightning component?
  • How to use Lightning Web Component in various places?

In this course, we will mainly focus on Lightning Web Component Development where we will be providing examples in each section that we prefer as a mini project so that you can be a master of the Lightning web component.

As we know that LWC is a new concept and still new to the market and this course will make you the master of the Salesforce Web Components and make a valuable Salesforce gem that will give you a boost to your career.

If you are thinking that you are ground level in web components or salesforce then no need to worry I am here to help you which will make you the master of lightning web components.

Prerequisite

  • Basic Understanding of SOQL(Salesforce Object Query Language)
  • Basic understanding of Apex Development
  • Basic Understanding of JavaScript & HTML5 Web Standards
  • Zeal/Hunger to learn
  • Dedication and commitment to learning
  • JavaScript Basic

Prerequisite Videos


Who is this course for?

  • All Salesforce Developers
  • Experienced Salesforce Admins
  • Salesforce UI & Salesforce UX developer
  • Professional who wanted to migrate Aura Component into LWC Components

What you will learn?

  • What is Lightning’s Web Component?
  • Lightning Web Component Framework
  • Lightning Web Component Development
  • How to create reusable assets using LWC
  • Benefits of using LWC
  • How to use LWC with Event-Driven Architecture
  • How to LWC with Digital Experiences
  • LWC & Aura Communication
  • Lightning Web Component Testing

What you will get?

  • Assignment for most of the sessions so that you can test your skill.
  • Assignment review and guidance 
  • Questions after 4-5 sessions to test your knowledge
  • Real World Scenarios

What is the cost of the course?

  • The total cost of the course is 12K INR
  • The total duration of the course is 22-25 Days (25 hours) approx.
  • There is a complete project document for practice purposes.
  • Multiple hands-on scenarios will be performed during the class.
  • Doubt sessions will be conducted

Next Batches

The next tentative batch start dates are given below

  • June 15th 2023

How to block the sheet for training?

Please send us an email to – [email protected] and we will share the further steps for booking your slot.

Course Structure

Before We Start ( Self-Paced )

  • Software installation
  • Useful Plugins for VS Code

Software Setup ( Self-Paced )

  • VS Code
  • JDK Installation (Zulu)
  • Salesforce CLI
  • Salesforce Extension Pack
  • Important extensions like
    • Beautifier
    • bracket colorized
    • LWC Short Keys
    • LWC Builder
    • Auto Rename TAG
    • Apex Documentor
    • Salesforce Extension Pack

Day 1 – Introduction

  • Introduction to LWC
  • Why LWC ( LWC vs AURA )
  • Your First Web Component
  • Questions?

Day 2 – Agenda

  • Decorators in LWC
  • Properties in Lightning Web Component
    • Public Property
    • Private Property
    • Public Method
  • Conditional Rendering
    • Conditional Rendering with Tom & Jerry
  • Iterate through with List
    • For each
    • Iterator
  • Questions

Day 3 – Agenda

  • Slots in LWC
  • Call Client-Side JavaScript From a Button
  • Call Client-Side JavaScript on Browser Events
  • Getter Setter in LWC
  • Component Composition

Day 4 – Agenda

  1. Shadow DOM
  2. Events in Lightning Web Component
    1. Call Parent Method from Child Component
    2. Bubble Event
    3. Composed Event
    4. Call Child Method From Parent Component

Day 5 – Agenda

  • Configuration File in LWC ( Meta File )
    • Record Page
    • Home Page
    • App Page
    • TAB
    • Community
    • Flow
    • Inbox
    • Quick Action

Day 6 – Agenda

  • Lightning Data Service
    • Record Form
    • Record View Form
    • Record Edit Form

Day 7 – UI Record API

  • Create Record
  • Get Record
    • getFieldValue
    • getFieldDisplayValue
  • Update Record
  • Delete Record

Day 8 – Agenda

Object Info API

  • Object Information
  • Picklist Information
  • Picklist Based on Record Type

Day 9 – Connect with Salesforce using Apex

  • Call Apex using @wire decorator
  • Error handling in @wire methods
  • Call Apex using the imperative method

Day 10 – LifeCycle Hook Method in Salesforce

Day 11 – Use External Library in Salesforce

  • GET Current User Id
    • Access Internationalization Properties ( @salesforce/i18n )
  • Static Resource
    • JavaScript
    • CSS
      • Tailwind CSS

Day 12 – Agenda

  • Use Custom label in LWC
  • How to use reusable CSS in LWC
  • Toast Event in LWC

Day 13 – Reuse JavaScript in Lighting Web Component

Day 14 – Page Reference in LWC

Day 15 – LMS in LWC (Lightning Messaging Service)

Day 16 – Work with Lightning DataTable

Day 17 – Create a Lookup Component

Day 18 – Dynamic Integration in LWC

Day 19 – Agenda

  • Create Responsive Components
  • Work With Modals

Day 20 – Agenda

  • Event-Driven Architecture with LWC
    • Platform Event
    • CDC

Day 21 – Work With Progress in LWC

Day 22 – Testing Lightning Web Component

Day 23 – LWC Local Development

Day 24 – Project Walkthrough ( Invoice Management )

  • Invoice Management

Extras

In addition to the above conversational sessions, you are going to get access to pre-recorded sessions for multiple mini projects in Lighting Web Component that will help you sharpen your Lightning Web Component Skill.