Lightning Web Component Development online training curriculum

HTML Templates

• Data Binding
• Handle User Input
• Use Getters to Compute a Value
• Render Lists
• Render HTML Conditionally
• Render Multiple Templates

CSS

• CSS Scoping Examples
• CSS Support and Performance Impact

Composition

• Set a property on a child component
• Call a method on a child component
• Pass markup into slots
• Query selector
• Compose components using slots vs data
• Shadow DOM

Reactivity

• Public Property Reactivity
• Field Reactivity
• Reactive Data types

Fields, Properties, and Attributes

• JavaScript Property Names
• Boolean Properties
• Access HTML Global Attributes in JavaScript
• Reflect JavaScript Properties to HTML Attributes
• Manage Attribute Dependencies in a Getter
• Getters and Setters

Events

• Handle Events
• Create and Dispatch Events
• Pass Data in Events
• Get an Event Target
• Configure Event Propagation

Component Lifecycle

• Lifecycle Flow
• constructor()
• connected callback()
• disconnected callback()
• render()
• renderedCallback()
• errorCallback(error, stack)

â–º Share JavaScript Code

â–º Third-Party Libraries

Accessibility

• Focus
• Accessibility Attributes

Unit Tests

• Install Jest
• Configure Your Project to Use Jest
• Run Tests
• Component Directory Structure
• Write a Basic Test
• Test Asynchronous DOM Updates

Reference

• Component Bundles
• JavaScript Decorators
• HTML Template Directives

â–º Lightning Web Components

â–º Supported Browsers

â–º Supported JavaScript

â–º Supported Salesforce Experiences and Tools

â–º Lightning Component Library

â–º How to Choose Lightning Web Components or Aura?

â–º Set Up Your Development Environment

â–º Development Workflows

â–º Explore sample code

Delivery Methodology

• We are using an experiential delivering methodology that blends theoretical concepts with hands-on practical learning to ensure a holistic understanding of the subject or course

Class Delivery

• Live Interactive classes with expert