Introduction of LWC

Curriculum

• 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

LWC Fundamentals

• Component Bundle
• Creating a Basic Component
• HTML template
• Data Binding
• Applying CSS
• Decorators
• 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