Build 7 Real-Time Salesforce(LWC) Projects + Bonus Project

Name: Build 7 Real-Time Salesforce(LWC) Projects + Bonus Project
Rating: 4.7 (1260 reviews)

Go from Basics to Advanced LWC with 7 Real-Time Projects + 1 Bonus AI-Powered App

Created bySalesforce troop

Last updated 4/2025

English

What you'll learn

Experience Site with LWR Template
Enable Website to Guest user
Building and exposing LWC component to Experience site
Layout designing using HTML and styling using CSS
Responsive designing
Styling variables, SLDS library, Styling hooks
Static resources in CSS and JS
Form building with HTML Validation
Building reusable components
Component communication and Parent to child communication
Adding music in LWC
Calling API through LWC
Calling API through APEX
Wire service, Wire Adapters
lightning record forms
Calling Apex Imperative and refresh Apex data
Survey Building and Publish
CRUD Using APEX and LWC
Using lightning tab, lightning accordion
lighting datatable, modal component
Banner, social media icons and so on

Course content

10 sections • 133 lectures • 18h 57m total length

Introduction13:36

Introduction2:35
LWC Component Creation and Exposing Component to Site5:19
Layout designing and Styling19:19
Static Resource with LWC6:01
Building Logic for Current Time11:05
Logic fix for 12:00PM scenario0:47
Create Dropdown for Hour(s), Min(s) and AMPM13:26
Create Reusable Dropdown20:00
Set Alarm Functionality9:06
Clear Alarm Functionality8:51
Adding Animation to Alarm5:12
Adding Ringtone to an Alarm clock and Publish the Site4:23
Guest User Access Fix0:19

Introduction2:00
App Page Setup and component creation and Deployment5:02
Creating Data Model of the APP5:53
“Add New Note” Card Layout Designing and styling16:47
Note Card Layout Designing and Styling18:31
Modal Component Creation9:18
Adding Form to Modal Component19:42
Create Note using LWC and Apex10:29
Creating Notification Component16:54
Fetch and Display Existing Notes on Screen12:50
Creating Append HTML Component7:57
Updating Existing Note21:55
Refresh Notes9:40
Deleting the Note14:42
Project Go Live5:45
Guest User Access Fix0:20

Introduction3:33
Portfolio Banner Component Creation22:46
Data Modeling for Portfolio Banner7:58
Fetching Data from Salesforce to Banner Component11:49
Exposing Banner Component Properties to Builder10:05
Giving Permission to Objects and Banner Fields for Guest User Profile2:25
Portfolio Sharing Setting Rule0:27
Creating User Detail and Stats Wrapper Component7:10
Creating Data Model for User Personal Details3:45
Creating User Details Component and Fetching Info16:54
Download Resume4:09
Giving Permission to User info Fields for Guest User Profile2:47
Portfolio Sharing Setting Rule0:27
Creating User Stats Component21:40
Fixing Quick Styling2:57
Creating Portfolio Tabs Wrapper5:16
Overriding the Styles of Tabs3:02
Creating Summary Field and Component12:08
Creating Personal Projects Component23:03
Quick Note on Survey Already Completed1:06
Creating Work Experience Object and Fields14:19
Creating Work Experience Component and Fetching Data8:41
Creating Work Experience Timeline and data mapping23:09
Creating component String to HTML6:02
Creating fields for Portfolio Skills7:00
Creating Skills Component and Fetching Data6:05
Displaying Skills data on Screen14:45
Creating Education Object and fields7:32
Creating Education Component and Fetching Data6:38
Displaying Education Data on LWC Datatable9:59
Creating Certifications Fields4:42
Creating Certifications Component and Fetching Data5:22
Displaying Certifications data on Screen15:17
Creating Other fields6:06
Fetching information of Awards, Superbadges and languages5:07
Displaying information of Awards, Superbadges and languages10:33
Creating Accordions for Mobile Screen16:09
Creating Footer Component3:00
Some Optimisations and Project Go Live9:33

Requirements

A PC with Windows or Linux or Mac with stable internet
Basic knowledge of the Salesforce platform and LWC
Basic knowledge of HTML, CSS and JS
Willingness to learn & Grow

Description

The Salesforce market is on fire, but many developers still lack practical experience with Lightning Web Components (LWC). This course is designed to bridge that gap by helping you build a portfolio of real-world, hands-on LWC projects.

Whether you're learning LWC for the first time or preparing for a job interview, this course will give you projects you can confidently showcase on your resume. You’re encouraged to share them with recruiters and hiring managers.

What You’ll Build

In this course, we’ll build 7 real-time projects from scratch:

BMI Calculator App
Alarm Clock App
Currency Converter App
Weather App
Employee Survey App
Note-Taking App
Personal Portfolio Site

Bonus Project:
We’ve also added a brand-new AI-powered bonus project — Build an AI Chef with Salesforce — where you’ll use Prompt Builder, Apex, and LWC to generate recipes based on user inputs.

Key Skills You’ll Learn

Creating Experience Cloud sites using LWR templates
Enabling guest user access
Exposing LWCs on Experience sites
Layout and responsive design techniques
API integration via LWC and Apex
Using CSS variables, Styling Hooks, and SLDS
Handling static resources (CSS & JS)
Building reusable components
Parent-child communication between components
Using wire adapters, Lightning Record Forms, and Apex calls
Building custom surveys and forms
Performing CRUD operations via LWC and Apex
Using Lightning components like tabs, accordions, data tables, cards, badges, banners, and modals
Adding audio (e.g., ringtones or sound effects)

This course focuses entirely on Lightning Web Component development, using real-world problem statements and examples to make learning practical and job-ready.

Who this course is for:

Looking for a job change in Salesforce
Salesforce Professionals
Salesforce Developers who wants to build cool projects in LWC

Build 7 Real-Time Salesforce(LWC) Projects + Bonus Project

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 14min

Things to do Before Starting any Project9 lectures • 30min

Project 1 - BMI Calculator With LWC8 lectures • 1hr 30min

Project 2 - Alarm Clock with ringtone and animation.13 lectures • 1hr 46min

Project 3 - Currency Converter App with API Integration12 lectures • 1hr 26min

Project 4 - Weather Application with client and server API Integration.13 lectures • 2hr 1min

Project 5 - Employee Survey9 lectures • 38min

Project 6 - Note-Taking App16 lectures • 2hr 58min

Project 7 - Build Your Own Developer Portfolio39 lectures • 5hr 43min

Bonus Project : Build an AI Chef with Salesforce!13 lectures • 2hr 11min

Requirements

Description

Who this course is for: