Lightning Components

Lightning Web Components (LWC)

Curriculum

Introduction

• Intro to Salesforce LWC (Lightning Web Component)
• Set up a development environment
• Installing VS code
• Installing Salesforce CLI
• Creating default and scratch org
• Difference between LWC and Aura

Basic JavaScript for LWC

• Variables
• Fixing Typo in Variables
• Data Types
• null vs undefined
• Spread Operator
• Destructuring
• String interpolation
• String Methods
• Object/JSON Operations
• Array Methods
• Promise
• Modules import and export
• QuerySelector
• Events
• Arrow Function
• setTimeout vs setInterval

LWC Fundamentals

• Component Bundle
• Creating a Basic Component
• HTML template
• Data Binding
• Applying CSS
• Lifecycle hooks
• Conditional Rendering
• Loops or iteration
• App Creation and Component Deployment
• Local Properties and Data Binding
• Methods And Two way Data Binding

Javascript Properties

• Private Properties - Non Reactive
• Private Properties - Reactive
• Private properties
• Public properties
• Getter
• @track properties
• Public Boolean Properties
• Release Update - All Properties Are Reactive
• Release Update - When To Use Track Decorator
• Decorators in Lightning Web Component(LWC)

Composition, Shadow DOM and Query Selectors

• Component Composition
• Using Slots
• Accessing Elements in the Component
• Public Methods
• Shadow DOM

Componet LifeCycle & Composition

• Introduction to lifecycle Hooks
• Lifecycle Hooks in Mounting Phase
• Lifecycle Hooks in unMounting Phase
• Lifecycle Hooks in Error Phase
• Render Method
• Component Lifecycle

Components Communication

• Intro to Components Communication
• Parent to Child Communication Approaches
• Parent To Child Communication using primitive Data type
• Parent To Child Communication using non-primitive Data type
• Parent To Child Communication on action at parent component
• Calling Child Method from Parent component
• Child to Parent Communication Approaches
• Child to Parent Communication Using Simple Event
• Child to Parent Communication Using Event with Data
• Child to Parent Communication Using Event Bubbling
• Pubsub Module

Communicate with Events

• Create and dispatch events
• Handle events
• Configure event propagation
• Communicate between components
• Events Best Practices
• Dispatching And Handling Events
• Communication Between Independent Components
• Share Javascript Code

Access Salesforce Data

• Data Guidelines
• Lightning Data Service
• Call Apex method using Wire
• Call apex Method imperatively
• Working With Salesforce Data - An Overview
• Data Service - Create Record
• Lightning Data Service - View Record
• LDS - RecordViewForm and RecordEditForm
• LDS - RecordForm Base Component

Navigation Services & Other Features

• Display A Toast Notification
• Get Record Id and Object Name From Framework
• Meta File Configurations
• Lightning Navigation Service Overview
• Examples of Lightning Navigation Service
• Using 3rd Party Libraries

Communication between Visualforcepage and aura components and LWC

• Lightning Messaging Service
• LWC to LWC Communication using LMS
• LWC TO AURA Communication using LMS
• LWC, AURA and VisualForce Page Communication using LMS

Setter,Slots And CSS behaviour in parent chaild component

• Setter Method
• Passing Markup Using Slots
• CSS behaviour in parent child component

Security with Lightning Locker Service

Aura Coexistence

Migrate aura components

Debugging

Aura and LWC interoperatbility

• Communicate In Same Component Hierarchy
• Communicate In Different Components Hierarchy

Testing your Lightning Web Components

• JTest Setup
• Writing Tests For Your Lightning Web Components
• Debugging Test Files - Using Chrome
• Debugging Test Files - Using VS Code

Conclusion:

In this index, we will learn about the following topics: Fundamentals of HTML and CSS, Tools for Lightning Web Component Development, JavaScript is Required to master the LWC, Setup of Vscode, Salesforce DX, Dev HUB, Scratch Org, What are Lightning Web Components?, Benefits of Lightning Web Components, Data Binding and Properties, Getter and setter, Components Communication, Lifecycle hooks, PubSub module, Lightning Messaging Service, Rendering components conditionally, Template looping, Lightning Data Services and Base components to get Salesforce data in Lightning web Components, Navigation Service, Apex connection, Wire service, Reusability of Components, Styling technique in LWC, PDF Generation in LWC, Charts in LWC, Maps in LWC, CSV generation in LWC