Build Real Salesforce Development Skills Through Guided Hands-on Learning.

An enterprise-grade Salesforce development learning platform with guided, hands-on training designed to build real-world engineers.

forcecodeschool.com/learn/lwc
Connected

Lightning Web Components

Child to Parent Communication & Event Bubbling

Step 4 of 5

Step 4: Put the Event Patterns Together

Learn child-to-parent communication in small chunks: fire a simple event, send data in detail, then let an event bubble upward.

This final version combines the three ideas:

a simple event
an event with detail
a bubbling event heard by a wrapper

This is the core child-to-parent communication toolbox in LWC.

‹ Previous
Next ›
JS
HTML
CSS
↺ Re-deploy
Deployed — preview updated →
Preview
RightBottom

Parent Component

Event dashboard

The parent listens for events fired by the child component.

Wrapper listening for bubbling notify events

Child component

scsEventSource

These buttons dispatch real CustomEvent instances from the child.

Fire pingSelect contactBubble notification

ping

Simple child-to-parent signal.

contactselect

Sends selected contact data in event.detail.

notify

Bubbles through the parent wrapper with bubbles and composed.

Events received by the parent

Step-by-step guidance

Structured lessons with clear progression — from first Apex class to full LWC deployment.

Powerful code editor

VS Code-style editor with syntax highlighting, multi-file tabs, and live Salesforce compiler feedback.

Live code changes

Deploy to your real org and see results update instantly — no CLI, no local setup required.

Built for

BeginnersAdminsDevelopersConsultantsBootcampsTech leads
94+
Guided lessons
12
Course modules
Live
Org execution
UI
Full-stack Salesforce

How it works

Everything runs in your browser, connected to a live Salesforce org. No local toolchain, no CLI, no package setup.

Step 01

Connect your Salesforce org

Link a Trailhead Playground or Developer Edition org in a few clicks. No CLI installation, no local toolchain, no package setup.

Step 02

Follow the guided curriculum

Work through structured modules with embedded editors connected to your live org.

Step 03

Build deployable, real skills

Complete coding challenges, deploy components, and run your own test suites — the confidence you build here transfers directly to real-world scenario.

The Salesforce Full Stack developer learning path

From your first Apex code to deploying complex components — every module is covered with live coding, real org execution, and hands-on challenges.

Start the curriculum
01Apex Basics
02SOQL, SOSL & DML
03Triggers & Classes
04Async Apex
05Apex Testing
06Exceptions in Apex
07Apex Security in Salesforce
08Advanced Apex Programming
09Lightning Web Components
10Visualforce
11Aura Components
12Communication in Salesforce UI

Certification prep

Built to help you pass Platform Developer I

The curriculum covers the key topics tested in the PD1 exam, combined with hands-on live coding practice. By building real solutions in a real Salesforce org, you develop the practical intuition needed not just to pass the exam, but to succeed in real-world projects too.

Start studying

For every path into Salesforce development

Whether you're moving from admin work, joining a consulting team, or onboarding a new engineering cohort, the platform gives you real Salesforce coding practice from day one.

Salesforce admins

Move from configuration into developer work.

Junior developers

Learn Apex, SOQL, triggers, testing, security, and Full Stack Development through guided, real-org practice.

Consultants

Get practical Salesforce coding reps for project work, interviews, and delivery confidence.

Bootcamps & trainers

Run hands-on Salesforce labs without asking every learner to configure a local toolchain.

Employers

Onboard new Salesforce developers with a repeatable, structured, real-org learning environment.

Shorten the ramp for Salesforce developers

Give new hires and admins a structured path from basic Apex syntax to production-grade Salesforce development patterns. The platform creates a repeatable training environment that mirrors real constraints: org permissions, metadata, tests, debug logs, and platform limits.

Reduce onboarding time for junior Salesforce developers

Replace ad hoc enablement with guided, real-org coding practice

Support sandbox-based training without local setup or CLI dependencies

Start free. Upgrade when you're ready.

The free plan gives you enough to validate the workflow before you commit to anything.

Free

Try the platform with no commitment

$0
Get started
Full Apex Basics module
Live Apex execution
Basic quizzes

Pro

For serious Salesforce learners

$19.99/ month
Full curriculum
All coding challenges
Practice tests
Progress tracking in Salesforce
Class, trigger, test & Full Stack Development labs
Best value

Pro — Annual

Best value

$129.99/ year
$10.83 / moSave 46%
Full curriculum
All coding challenges
Practice tests
Progress tracking in Salesforce
Class, trigger, test & Full Stack Development labs

Ready to start writing real Salesforce code?

Create a free account, connect your org, and be writing Apex in your first session. No local setup required.