SV Tech Soft provides Salesforce LWC (Lightning Web Components) Online training course is good and gets through a lot of material and detail explanation.
Lightning web components are custom elements built using HTML and modern JavaScript. In this course, candidate will learn how to program Lightning Web Components with markup, JavaScript, CSS, Apex, and the Salesforce Lightning Design System (SLDS). This complete course provides in-depth overview of new Lightning Web Component programming with alot of attention towards an existing understanding of Aura components onto the concepts that exist in the new framework programming model
The course will mainly focus on Custom Lightning Web Component development. If you want to be competitive in the Salesforce Developer job market, NOW is the right time to learn LWC.
Course content:
Topic | Sub Topic |
Introduction to LWC: | a. What is LWC? |
b. Why we are using LWC when we have already lightning framework/Advantages of LWC? | |
c. Prerequisites before learning LWC. | |
VS Code Editor: | a. What is VS Code Editor? |
b. Need/Use of VS Code Editor? | |
c. Initial plugins which is need to be installed before working on VS Code. | |
d. Connecting your org to VS Code. | |
e. Some commands/Hands on practice on VS Code. | |
Creating Your First Lightning-Web-Component: | a. Steps to follow to create your first LWC. |
b. Things need to remember before creating LWC. | |
c. Naming convention need to follow for LWC. | |
Modern JavaScript: | a. Learn about ECMAScript and the new features |
b. This keyword | |
c. Arrow functions | |
d. Asynchronous programming in JavaScript | |
e. Call back functions | |
f. Promises | |
g. Async and await | |
h. Import and export of JavaScript files | |
i. Classes | j. Constructor and super |
Overview of LWC’s Initial files: | a. Html file and use of it. |
b. JavaScript file and use of it. | |
c. CSS file and use of it. | |
d. SVG file and use of it. | |
e. Meta file and use of it. | |
f. masterLabel tag in meta file. | |
g. targets tags in meta file. | |
Pushing LWC to Org. and pulling LWC from Org: | a. Pushing LWC to your org. |
b. Pulling LWC to your Local machine | Introduction to CSS: | a. Basic syntax of CSS. |
b. Use/Need of CSS in LWC. | |
c. How and where to add CSS in LWC. | |
d. Inline CSS in LWC. | |
e. Internal CSS in LWC. | |
f. External CSS in LWC. | |
Introduction to JS: | a. Basic Syntax of JavaScript. |
b. Use/Need of JS in LWC. | |
c. How and where to add JS in LWC. | |
d. Declaring and defining JS in LWC. | |
e. Declaring variables in JS. | |
f. Functions in JS. | |
g. Loops in JS. | h. If condition in JS. |
Decorators in LWC: | a. Introduction. |
b. Need/Use. | |
c. track decorator. | |
d. api decorator. | |
e. Use decorators in code. | |
f. Defining decorators. | |
g. Accessing Values of decorators. | |
h. Manipulating Data. | |
i. Getters and Setters. | |
j. Use/Need of getters and setters. | |
k. Manipulating data with getters and setters. | |
l. Wire decorators in LWC. | |
m. Use/Need of wire decorators in LWC. | |
n. Manipulating data with wire decorators. | |
LifeCycle Hooks in LWC: | a. constructor(). |
b. connectedCallback(). | |
c. disconnectedCallback(). | |
d. render(). | |
e. errorCallback(). | |
HTML Template Directives in LWC: | a. for:each={array} |
b. for:item="currentItem" | |
c. for:index="index" | |
d. if:true|false={expression} | |
e. iterator:iteratorName={array} | |
f. key={uniqueId} | |
g. lwc:dom="manual" | |
Client side Controller in LWC: | a. Introduction to events. |
b. Use/Need of events. | |
c. Use/Need of Client-side-controller in LWC. | |
d. Handling user/browser events on Client side controller. | |
e. Sending data from user to client side controller. | |
f. Returning data from client side controller to user. | |
g. Changing decorator values in events. | h. Performing some tasks using events on client side controller. |
Server side Controller in LWC: | a. Introduction. |
b. Use/Need of server side controller in LWC. | |
c. Handling database related events on server side controller. | |
d. Sending data from user to server side. | |
e. Returning data from server side controller to user. | |
f. Performing some tasks using events on server side controller. | |
SOQL: | a. Introduction to SOQL. |
b. Use/Need of SOQL. | |
c. Different types of operations in SOQl: 1. Insert. 2. Update. 3. Delete. 4. Upsert. |
|
d. Overview of Query Editor. | |
e. Use of SOQL in Class/Methods. | |
f. Use of SOQL in anonymous window. | |
g. Use of SOQL in Workbench. | |
Debug logs: | a. Introduction. |
b. Use/Need of Debug Logs. | |
Static Resources: | a. Introduction. |
b. Use/Need of static resources. | |
Custom Labels: | a. Overview of Custom Labels. |
b. Use/Need of custom labels. | |
c. Use custom labels in apex. | |
Salesforce Modules: | a. @salesforce/apex |
b. @salesforce/apexContinuation | |
c. @salesforce/contentAssetUrl . | |
d. @salesforce/client/formFactor | |
e. @salesforce/i18n | |
f. @salesforce/label | |
g. @salesforce/messageChannel | h. @salesforce/resourceUrl | i. @salesforce/schema | j. @salesforce/user |
Toast message: | a. Introduction. |
b. Need/Use of toast messages. | |
c. Implement in LWC. | |
Use of apex method in LWC: | a. Calling apex method using wired. |
b. Calling apex method using imperative. | |
Debugging and troubleshooting LWC: | a. Using console.log() statement. |
b. Using alert() statement. | |
Modal in LWC: | a. Introduction. |
b. Use/Need of Modal. | |
c. Creating one Modal in LWC | |
Data Table in LWC: | a. Introduction. |
b. Use/Need of data table. | |
c. Creating and displaying data using data table. | |
Record Edit form in LWC. | a. Introduction. |
b. Use/Need. | |
c. View data in Record edit form. | |
d. Edit data in Record edit form. | |
e. Create data in record edit form. | |
Advanced Topics of LWC: | a. Calling child LWC from parent LWC. |
b. Calling parent LWC from child LWC. | |
c. Pub sub concept in LWC. | |
d. Use/Need of pub sub in LWC. | |
e. Implementation of Pub sub in LWC. | |
f. Changing child data from parent LWC. | |
g. Calling child method from parent LWC. | |
h. JS Code Sharing in LWC. | |
i. Lightning Message Service | |
j. Communication via platform events | |
PageReference Types: | a. App |
b. Lightning Component | |
c. Knowledge Article | |
d. Login Page | |
e. Named Page | |
f. Navigation Item Page | |
g. Object Page | |
h. Record Page | |
i. Record Relationship Page | |
j. Web Page | Testing LWC | a. Testing in JavaScript |
b. Jest Framework and its usage in LWC | Lightning web components Open Source | a. What is LWC OSS |
b. Build a simple app on LWC OSS | |
c. Deploy LWC OSS to Heroku | |
d. Integrate LWC with Salesforce data using JSforce |
Mobile: (+91)9394117119
Whatsapp Direct Link: http://wa.me/919394117119?text=Salesforce+LWC+Training
0 Comments