Course Outline
LWC Introduction:
- 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
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 – 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 to the project
- source:push-push source to an org from the project
- class:create – create an apex class
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
LWC Actions (Client Actions):
- Creating LWC actions (On Click , On change, On Focus Etc,,)
- @Wire , @Track @Api
- Events Targets
- Custom Actions with Java Script
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
- RefreshApex
- Continuation
- Continuation Limits
LWC Events:
- LWC Events
- Create and Dispatch Events
- Passing Data in LWC Events
- Event Handlers
- addEventListener
- Event Propagation (Bubbles and Composed)
- Event Propagation (Bubbles and Composed)
LWC DATA (WCDS):
- Introduction to LWC Data System
- LWCDS load, edit, create
- LWC Data Tables
- LWC Data with Wire
- LWC Data Error Handling
- LWC Data (General)
- LWC Data Sobject
- LWC Data without Params
- LWC Data with Params
- LWC DS with Server-Side Controllers
LWC Styles (CSS):
- 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 Deployment:
- LWC Push/Deployment to Org
- LWC Targets
- LWC Usage in App, Tab, Record, Home
Additional:
- Class Recordings Access
- Class Programs/Code Access
- LWC Project File Access > Course Materia
- Real-Time Stories/Cases
- Interview Questions