R.I.P
We Miss you Sir...

Lightning Web Component (LWC) Training Content

1. LWC Introduction
  • Introduction to LWC
  • LWC Future/Open Source
  • ECMA Script 7 Intro [ES6, ES7]
  • LWC Programming Model
    • Custom Elements
    • Shadow DOM
    • HTML Templates
    • ES Modules
  • LWC vs Aura Programming Model
  • Salesforce LWC History
  • Aura Coexistence
2. LWC Tool/Infrastructure
  • Setting MS Visual Code
  • SFDX-CLI
  • DEV Hub [Create, Authorize, Open, Access, Push, Pull]
  • SFDX CLI for LWC & Scratch Org
  • Installing SFDX CLI
  • SFDX CLI Commands
  • Scratch Org – Introduction, Creation, Limit, Configuration
    • Org:create – Create a Scratch Org
    • Org:delete - List of Scratch Org for Deletion
    • Org:display – List of Scratch Org
    • Org:list – List of Scratch orgs created or authenticated
    • Org:open – Open a Scratch Org Project
    • Project:create – Create A Scratch org project
    • Source: Open – Open Dev Hub
    • Source: Pull - Pull Source from the scratch org to the project
    • Source: Push – Push Source From the scratch Org to the project
    • Class: Create – Create an apex Class
3. LWC Functions & Variables
  • LWC Data type – Primitive, Array/Collection, JSON
  • LWC Conditional Statements – Template:if
  • LWC Loops – template:iteration, template:foreach
  • LWC Single function with Id(name)
4. LWC Creation
  • Creating Basic LWC [.Html, .JS, JS-meta.Xml]
  • LWC Button: Button, Button Group, Button – Icon, Button – Menu, Button – Stateful
  • LWC Card: Card, Layout, Layout – Items Div
  • LWC Fields – Input, Output
  • LWC Tab – Tab, Tabset, Tabarea
  • LWC Formatted: Date, Number, Phone, Text, Time, Address, Email, URL
5. LWC Styles [CSS]
  • Introduction to LWC Styles
  • Defining LWC Custom Styles
  • Defining LDS [Lightning Design System]
  • Creating Custom CSS Component
  • Calling Custom CSS Component In LWC
6. LWC DOM
  • Shadow DOM
  • Synthetic Shadow DOM
  • Light DOM
  • Mixed Shadow Mode
7. LWC Action [Client Action]
  • Creating LWC actions [On Click, On Change, On Focus Etc...]
  • Decorators - @Wire, @Track, @Api
  • Wire a Function / Wire a Method
  • Events Targets
  • Custom Actions With JavaScript
8. LWC with Apex Class & Methods
  • Creating LWC Methods To Access SFDC Data
  • @AuraEnabled Class Methods
  • Methods With Params
  • Wire Apex Method to a Function
  • Import Apex Methods
  • Import Objects and Fields from SFDC Schema
  • Refresh Apex
  • Continuation
  • Continuation Limits
9. LWC Events
  • LWC Events Overview
  • Create and Dispatch Events
  • Passing Data in LWC Events
  • Events Handlers – Declarative and Programmatically
  • Event Propagation [Bubbles and Composed]
  • Add Event Listener
10. LWC Lifecycle Hooks / LWC Promises
  • LWC Lifecycle Flow / Stages
  • constructor()
  • connectedCallback()
  • disconnectedCallback()
  • renderedCallback()
  • errorCallback()
11. LWC DATA [LWCDS]
  • Introduction to LWC Data System / LWC LDS
  • LDS Form Based
  • LWC Implementation – createRecord, updateRecord, deleteRecord, getRecord
  • LWCDS load, edit, create
  • LWC Data Tables
  • LWC Data With Wire
  • LWC Data Error Handling
  • LWC Data [General]
    • LWC Data Subject
    • LWC Data Without Params
    • LWC Data With Params
    • LWC DS With Server-Side Controllers
    • LWC DS Client-Side Controllers
12. LWC Communications
  • LWC Events
  • LWC – Publisher – Subscriber (PUBSUB)
  • LWS Lightning Messaging Service (LMS) – Cross Framework Communication
  • LWC Lightning Out – To Visualforce Framework
13. LWC – Flows
  • Flow control with LWC
  • Flow data exchange with LWC
  • Flow Execution with LWC
  • Managing Flow state with LWC
  • Flow communication
14. LWC – Secure Code
  • Intro to Lightning Web Security (LWS)
  • Intro to Lightning Locker
15. LWC Migration
  • Aura coexistence
  • Aura vs LWC
  • Migration strategy
  • Migration framework
  • Migration best practices
16. LWC Debugging
  • Modes – Production, Debug
  • Debugging tools
  • Debugging process
  • Chrome Debug Tools
  • Debugging Best Practices
17. LWC Testing – JEST
  • JEST Framework
  • JEST Setup
  • Write JEST Test
  • Run JEST Test
  • Debug JEST Test
  • End to End Jest Test
  • JEST Test Pattern
18. LWC Deployment
  • LWC Push/Deployment to Org
  • LWC Targets
  • LWC Flexi Pages
  • LWC Lightning App Builder
  • LWC Usage In App, Tab, Record, Home
19. LWC Best Practices
  • Template best practices
  • ES Module Best Practices
  • CSS Best Practices
  • LWC Communication best practices
  • LWC Secure code best practices
  • LWC Debugging best practices
  • LWC Migration best practices
  • LWC Testing best practices
20. Additional / Realtime Resources
  • Class Recordings Access
  • Class Programs / Code Access
  • LWC Project File Access
  • Course Material
  • Realtime Stories/Cases
  • Interview Questions

Register Now

Trending Courses