4.65 out of 5
4.65
557 reviews on Udemy

Zero to Hero in Lightning Web Components

Complete Guide to learn Salesforce Lightning Web Components from Basics to Advance with real-time problems and projects
Instructor:
Salesforce troop
3,415 students enrolled
English [Auto]
HTML and CSS required for LWC
JavaScript required for LWC
What are Lightning Web Components?
Benefits of Lightning Web Components over Aura
Fundamentals of LWC with real time examples
How to Build reusable Lightning Web Components
Integration of LWC with APEX
Navigation Service
Lightning Messaging Service
Reusability of Components
Charts and Maps in LWC
CSV and PDF Generation in LWC
Memory Game in LWC
Styling technique in LWC
Many Real time features and Projects
LWC OSS with HEROKU

Lightning Web Component framework is a new programming model to develop Salesforce Lightning Components.

The easiest way to learn modern web design, HTML5 and CSS3 step-by-step from scratch. Design AND code a huge project.

In this course we will learn about the following topics:

  • Fundamentals of HTML and CSS

  • Tools for Lightning Web Component Development

  • JavaScript Required to mastery 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

  • Memory Game in LWC

  • Many Real time features and Projects

The course will mainly focus on Lightning Web Component development. We will take real-time problem statement and example to learn about each and every topic.

If you are new to any web development framework, please do not worry as the course will start from very basic (ground 0) to help you understand how can you start coding web components.

If you are already an expert in Web Development frameworks, then this course will definitely be a major plus to your skills as it primarily focuses on learning modern web standard, building ECMAScript modules and developing UI components.

Introduction

1
Introduction
2
Course Outline
3
Fundamentals of Web Technology
4
Tools for Web Development

HTML & CSS

1
Basics of HTML
2
Basics of CSS

JavaScript for LWC

1
JavaScript Learning Path

In this video, You will get an idea about the JavaScript and the topic that is required to mastery the LWC.

2
Variables
3
Data Types
4
null vs undefined
5
Spread Operator
6
Destructuring
7
String interpolation
8
String Methods
9
Object/JSON Operations
10
Array Methods
11
Promise
12
Modules import and export
13
QuerySelector
14
Events
15
Arrow Function
16
setTimeout vs setInterval

Lightning Web Component and Setup

1
Intro to Lightning Web Components
2
Setting Up Developer org
3
Setting Up Salesforce DX Environment
4
Setting Up My Domain and Dev Hub
5
Setting up Project and Scratch Org

Fundamentals of LWC

1
Create Your First Component in LWC
2
Component Folder Structure
3
Different Naming Conventions Available in LWC
4
App Creation and Component Deployment
5
Local Properties and Data Binding
6
Methods And Two way Data Binding
7
@track properties
8
Getters in LWC
9
Conditional Rendering
10
Template Looping

First Project - Quiz App

1
QUIZ APP

Composition and Query Selectors

1
Component Composition
2
Shadow DOM
3
Accessing Elements in the Component

Styling in LWC

1
Inline and External CSS
2
Lightning Design System
3
SLDS design token
4
Shared CSS
5
Dynamic CSS
6
Styling across shadow DOM

Component Lifecycle Hooks

1
Introduction to lifecycle Hooks
2
Lifecycle Hooks in Mounting Phase
3
Lifecycle Hooks in Unmounting Phase
4
Lifecycle Hooks in Error Phase
5
Render Method

Components Communication

1
Intro to Components Communication
2
Parent to Child Communication Approaches
3
Parent To Child Communication using primitive Data type
4
Parent To Child Communication using non-primitive Data type
5
Parent To Child Communication on action at parent component
6
Calling Child Method from Parent component
7
Child to Parent Communication Approaches
8
Child to Parent Communication Using Simple Event
9
Child to Parent Communication Using Event with Data
10
Child to Parent Communication Using Event Bubbling
11
Pubsub Module

Setter, Slots and CSS behaviour in parent child component

1
Setter Method
2
Passing Markup Using Slots
3
CSS behaviour in parent child component

Building Reusable Component

1
Building Reusable Component

Aura Coexistence

1
Aura Coexistence

In this video, you will learn how to embed LWC inside the AURA component. How to pass data from AURA to LWC and LWC to AURA.

Communication between Visualforce pages, Aura components, and LWC

1
Lightning Messaging Service
2
LWC to LWC Communication using LMS

In this lecture, we will learn how how to communicate from one lightning web component to another lightning web  component using lightning messaging service

3
LWC TO AURA Communication using LMS
4
LWC, AURA and VisualForce Page Communication using LMS

Salesforce Resources, Component Context and Notification

1
Introduction
2
Images from Static Resources
3
Third Party JavaScript Libraries in LWC
4
Using Third Party CSS Library
5
Content Asset Files
6
Internationalization
7
Access Labels
8
Check Permissions
9
Access Client Form Factor
10
Get Information About the Current User
11
Fetch Record Id and Object Name
12
Toast Notification

In this Video, you will learn how to create notification for success, error, warning and info Scenarios.  Also, You will learn how to add clickable link in the notification.

Memory Game Project

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.7
4.7 out of 5
557 Ratings

Detailed Rating

Stars 5
359
Stars 4
159
Stars 3
36
Stars 2
2
Stars 1
1
30-Day Money-Back Guarantee

Includes

36 hours on-demand video
4 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion
Zero to Hero in Lightning Web Components
Price:
$40.98 $30

Community

For Professionals

For Businesses

We support Sales, Marketing, Account Management and CX professionals. Learn new skills. Share your expertise. Connect with experts. Get inspired.

Community

Partnership Opportunities

Layer 1
samcx.com
Logo
Register New Account
Compare items
  • Total (0)
Compare
0