▪ Introduction to LWC

▪ LWC future/Open Source

▪ ECMA Script 7 Intro (ES6, ES7)

▪ LWC Programming Model

▪ Custom Elements

▪ Shadow DOM

▪ HTML templates

▪ LWC vs Aura Programming Model

▪ Salesforce LWC History

▪ Aura Coexistence

▪ Setting MS Visual Code

▪ SFDX – CLI

▪ Dev Hub (Create, Authorize, Open, Access , Push, Pull)

▪ Installing SFDX CLI

▪ SFDX CLI Commands

▪ Scratch Org – Introduction, Creation, Limit, Configuration

▪ Org : create -create a scratch org

▪ Org : delete – 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 devhub

▪ Source : pull – pull source from the scratch org the project

▪ Source : push – push source to an org from the project

▪ Class : create – create an apex class

Creating Basic LWC (Html, JS, JS-Meta.XML)

LWC Buttons

• Button
• Button Group
• Button-Icon
• Button-Menu
• Button-Stateful

LWC Cards

• Card,
• Card Layout
• Layout-Items
• Div

LWC Fields :

• Input field
• Output Field

LWC Tabs

• Tab
• TabSet
• TabArea

Tab Formatted

• Date
• Number
• Phone
• Text
• Time
• Address
• Email
• URL

▪ Create LWC actions

▪ On Click, On Change, On Focus ext..

▪ @Api, @Track, @Wire

▪ Event Targets

▪ Custom Actions with Java Script

▪ Lifecycle Flow

▪ Constructor

▪ connectedCallback

▪ disconnectedCallback

▪ renderCallback

▪ errorCallback

▪ Compose child components

▪ Real Time Scenarios

▪ Create & Dispatch Event

▪ Parent to Child

▪ Child to Parent

▪ Handle Event

▪ Event Propagation (Bubbles and Composed)

▪ AddEventlistener

▪ Understanding LDS Concept

▪ LDS – View Record

▪ LDS – Create Record

▪ LDS – Edit Record

▪ LDS – Delete Record

▪ LDS – RecordViewForm

▪ LDS– RecordEditForm

▪ LDS – RecordForm

▪ Referring Custom Labels

▪ Referring Static Resources

▪ Explain 2 Real Time Scenarios

▪ Calling Apex Method with Wire Decorator

▪ Imperative Method call to read the data

▪ @Auraenabled class methods

▪ Import Apex methods

▪ Import Objects and fields from SFDC Schema

▪ Methods with Params

▪ RefreshApex

▪ Lightning App builder

▪ Flow

▪ Quick Action

▪ Introduction to LWC Styles

▪ Defining LWC Custom Styles

▪ Defining LDS (Lightning Design System) Styles

▪ Creating Custom CSS Component

▪ Calling Custom CSS Component in LWC

▪ LWC Push/Deployment to Org

▪ LWC Targets

▪ LWC Usage in App, Tab, Record, Home