Lightning Web Component Development

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to Course

Lecture 2: How to Access the Code

Lecture 3: How to get Help

Chapter 2: Introduction to JavaScript

Lecture 1: Introduction JavaScript

Lecture 2: Difference between var, let, const

Lecture 3: Date & Date Time in JavaScript

Lecture 4: Map & Set in JavaScript

Lecture 5: Operators in JS

Lecture 6: difference between == & === in JS

Lecture 7: String functions in JavaScript

Lecture 8: Objects in JavaScript

Lecture 9: if-else in JavaScript

Lecture 10: Loops in JavaScript & Switch Statement

Lecture 11: Arrays in JavaScript

Lecture 12: Array Methods in JavaScript Part2

Lecture 13: Array Methods in JavaScript Part3

Lecture 14: Function in JavaScript

Lecture 15: Arrow Function in JavaScript

Lecture 16: Console Method in JavaScript

Lecture 17: SetTimeOut vs setInterval

Lecture 18: Promise in JS

Lecture 19: Async Await in JavaScript

Lecture 20: Event & Event handlers in JavaScript

Lecture 21: addEventListener in JavaScript

Lecture 22: CustomEvent in JavaScript

Chapter 3: Setup Environment & Getting Started

Lecture 1: Why Salesforce Introduced LWC?

Lecture 2: Signup for your first free developer edition org

Lecture 3: Setup Visual Studio code & Salesforce CLI

Lecture 4: Authorise your salesforce environment from VS code for 2 different purpose

Lecture 5: Setup Scratch ORG with DevHub Org

Lecture 6: Setup Scratch org with Sample Data

Lecture 7: Automate the creation of Scratch Org

Lecture 8: Automate Scratch ORG Creation for Windows OS

Lecture 9: Useful salesforce dx commands

Lecture 10: Web Component Fundamentals(HTML 5 vanilla components)

Lecture 11: Overview of Lightning Component Library

Chapter 4: Lightning Web Component basic Development

Lecture 1: Lightning Web Component Bundle

Lecture 2: Hello world Web Component

Lecture 3: Apply Styling(CSS) to your web component

Lecture 4: Data Binding from JavaScript Class to Web Component

Lecture 5: Basic Overview of Html Events

Lecture 6: Conditional Rendering – use if else in your web component with tom & jerry

Lecture 7: Conditional Rendering – Nested If-Else in LWC

Lecture 8: Display your list in lightning web component (looping & iteration)

Lecture 9: LAB – Develop a Simple Calculator ( Addition & Subtraction )

Lecture 10: LAB – Develop a Simple Calculator ( Multiple & Devision)

Chapter 5: JavaScript Fundamentals

Lecture 1: Decorators in Lightning Web Component

Lecture 2: Spring 20 Updates about @track decorator

Lecture 3: Private Property (Reactive)

Lecture 4: Private Property (Reactive @track decorator)

Lecture 5: Public Property (@api decorator)

Lecture 6: Getter Property

Lecture 7: Work with Get & Set Property Together

Lecture 8: JavaScript Boolean Property

Chapter 6: Web Component Lifecycle Hooks & Compositions

Lecture 1: Web component Lifecycle hooks

Lecture 2: disconnectedCallback in LWC

Lecture 3: render in LWC

Lecture 4: Composition of One Component inside other component

Lecture 5: Using slots into web components

Lecture 6: Slots in Lightning Web Components

Lecture 7: Shadow DOM in Salesforce LWC [Real Time Demo]

Lecture 8: Metadata file Explanation

Lecture 9: How to Use LWC in Flow & Custom Tab

Lecture 10: LAB – Create a Contact List component using Composition

Chapter 7: Communication using events

Lecture 1: When To use Events in LWC

Lecture 2: How to create a simple event?

Lecture 3: How to pass data from Child Component to Parent Component

Lecture 4: Bubbling Event

Lecture 5: Call Child Component Method using Parent Component

Lecture 6: Communicate between Aura Component & LWC

Lecture 7: Share JavaScript Code between components

Lecture 8: LAB – Quick Case Component Structure

Chapter 8: Working with Salesforce Data

Lecture 1: Introduction to LDS

Lecture 2: Get Current Record Id & Object Api Name

Lecture 3: LDS View Record – RecordViewForm & RecordForm

Lecture 4: LDS Edit Record – RecordForm & RecordEditForm

Lecture 5: LDS Create Record – Record Form & Record Edit Form

Lecture 6: Call Apex Class Method using @Wire

Lecture 7: How to pass parameters in @wire method

Lecture 8: Refresh Apex in Lightning Web Component

Lecture 9: Call Apex Class Method using imperative method

Lecture 10: Lightning UI Record API

Lecture 11: Get Field Value & Get Display field value using UI Record API

Lecture 12: Update a Record using UI Record API

Lecture 13: Delete a record using UI Record API