Zero to Hero in Lightning Web Components

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Course Outline

Lecture 3: Fundamentals of Web Technology

Lecture 4: Tools for Web Development

Chapter 2: HTML & CSS

Lecture 1: Basics of HTML

Lecture 2: Basics of CSS

Chapter 3: JavaScript for LWC

Lecture 1: JavaScript Learning Path

Lecture 2: Variables

Lecture 3: Fixing Typo in Variables

Lecture 4: Data Types

Lecture 5: null vs undefined

Lecture 6: Spread Operator

Lecture 7: Destructuring

Lecture 8: String interpolation

Lecture 9: String Methods

Lecture 10: Object/JSON Operations

Lecture 11: Array Methods

Lecture 12: Promise

Lecture 13: Modules import and export

Lecture 14: QuerySelector

Lecture 15: Events

Lecture 16: Arrow Function

Lecture 17: setTimeout vs setInterval

Chapter 4: Lightning Web Component and Setup

Lecture 1: Intro to Lightning Web Components

Lecture 2: Setting Up Developer org

Lecture 3: Setting Up Salesforce DX Environment

Lecture 4: Setting Up My Domain and Dev Hub

Lecture 5: Setting up Project and Scratch Org

Chapter 5: Fundamentals of LWC

Lecture 1: List of Common SFDX Commands

Lecture 2: Create Your First Component in LWC

Lecture 3: Component Folder Structure

Lecture 4: Different Naming Conventions Available in LWC

Lecture 5: App Creation and Component Deployment

Lecture 6: Local Properties and Data Binding

Lecture 7: Methods And Two way Data Binding

Lecture 8: @track properties

Lecture 9: Getters in LWC

Lecture 10: Conditional Rendering

Lecture 11: Improved Conditional Rendering

Lecture 12: Template Looping

Lecture 13: Iterator Loop fix

Chapter 6: First Project – Quiz App

Lecture 1: QUIZ APP

Chapter 7: Composition and Query Selectors

Lecture 1: Component Composition

Lecture 2: Shadow DOM

Lecture 3: Accessing Elements in the Component

Chapter 8: Styling in LWC

Lecture 1: Inline and External CSS

Lecture 2: Lightning Design System

Lecture 3: SLDS design token

Lecture 4: Shared CSS

Lecture 5: Dynamic CSS

Lecture 6: Styling across shadow DOM

Chapter 9: Component Lifecycle Hooks

Lecture 1: Introduction to lifecycle Hooks

Lecture 2: Lifecycle Hooks in Mounting Phase

Lecture 3: Lifecycle Hooks in Unmounting Phase

Lecture 4: Lifecycle Hooks in Error Phase

Lecture 5: Render Method

Chapter 10: Components Communication

Lecture 1: Intro to Components Communication

Lecture 2: Parent to Child Communication Approaches

Lecture 3: Parent To Child Communication using primitive Data type

Lecture 4: Parent To Child Communication using non-primitive Data type

Lecture 5: Parent To Child Communication on action at parent component

Lecture 6: Calling Child Method from Parent component

Lecture 7: Child to Parent Communication Approaches

Lecture 8: Child to Parent Communication Using Simple Event

Lecture 9: Child to Parent Communication Using Event with Data

Lecture 10: Child to Parent Communication Using Event Bubbling

Lecture 11: Pubsub Module

Chapter 11: Setter, Slots and CSS behaviour in parent child component

Lecture 1: Setter Method

Lecture 2: Passing Markup Using Slots

Lecture 3: CSS behaviour in parent child component

Chapter 12: Building Reusable Component

Lecture 1: Building Reusable Component

Chapter 13: Aura Coexistence

Lecture 1: Aura Coexistence

Chapter 14: Communication between Visualforce pages, Aura components, and LWC

Lecture 1: Lightning Messaging Service

Lecture 2: LWC to LWC Communication using LMS

Lecture 3: LWC TO AURA Communication using LMS

Lecture 4: LWC, AURA and VisualForce Page Communication using LMS

Chapter 15: Salesforce Resources, Component Context and Notification

Lecture 1: Introduction

Lecture 2: Images from Static Resources

Lecture 3: Third Party JavaScript Libraries in LWC

Lecture 4: Using Third Party CSS Library

Lecture 5: Content Asset Files

Lecture 6: Internationalization

Lecture 7: Access Labels

Lecture 8: Check Permissions

Lecture 9: Access Client Form Factor