Build an Invitation App with Salesforce

Name: Build an Invitation App with Salesforce
Rating: 4.8 (72 reviews)

Master Salesforce Setup, Data Modeling, Experience Cloud Configuration, Apex, and Lightning Web Components

Created bySalesforce troop

Last updated 1/2024

English

What you'll learn

Building Real time salesforce application
Efficient Data Modeling
Craft Reusable UI Components
Create Engaging Website Experiences
Effectively Manage Data and User Input
Students will learn to create dynamic website experiences using Salesforce's Experience Cloud with Lightning Web Runtime (LWR)

Course content

1 section • 43 lectures • 5h 20m total length

Introduction5:28
Prerequisites1:17
Topics you will learn1:41
Salesforce Org Creation3:08
Setting Up Your Experience Site5:45
Creating the Invitation Object4:02
Adding Fields to the Invitation Object10:27
Add and configure fields on the invitation object in Salesforce, including text fields, date and time, URL, phone, picklist theme, and a formula invite URL to an experience site.
Creating Program Detail Object1:10
Adding Fields to Program Detail Object3:18
Creating Invitation Response Object1:15
Adding Fields to Invitation Response Object4:35
Adding Roll-Up Summary Field2:29
Add a roll-up summary field on the invitation object to count invitation responses that are joyfully accepted, showing the invitation accepted count.
Creating an Invitation App2:34
Setting the Page Layout for an Invitation5:32
Creating an Invitation Record7:27
Fixing and Testing the Invitation URL1:20
Fix the invitation url by ensuring guest user access, publish the page in the site builder, and test the link in Salesforce to confirm it opens without prompts.
Setting Up the Project in VSCode and Authorizing with Salesforce Org3:55
Creating a Banner Component3:02
Utilizing Static Resources in Salesforce7:26
Fixing Site Spacing0:54
Designing the Layout for the Banner Component17:01
Setting Up the Apex Class5:40
Fetching Banner Details in LWC from Apex14:51
Implementing a Countdown Timer8:34
Adding Confetti to the Banner6:36
Add confetti to the banner by loading the confetti.js static resource in Salesforce, then trigger it with confetti.add using the rendered callback.
Creating an Invitation Program Component2:07
Fetching Program Details6:48
Designing the Layout for the Invitation Program Details19:16
Creating an Invitation Address Component1:56
Fetching Invitation Address Details4:57
Designing the Layout for the Invitation Address component18:45
Creating an Invitation Response Component1:22
Fetching Invitation RSVP Details4:43
Designing the Layout for the Invitation Response component36:34
Fetching Response Picklist Values8:16
Submit RSVP Response16:05
Display Response Submitted Message7:48
Persistent form response using LocalStorage10:37
Display Message if Respond By Date Is Past5:54
Responsiveness12:09
Color Theme Handling22:54
Making InvitationId Dynamic6:00
Final Testing4:40

Requirements

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

Description

Welcome to "Build an Invitation App with Salesforce" an immersive course designed to empower you with the skills needed to create dynamic and efficient web experiences using Salesforce's cutting-edge technologies. Whether you are a beginner or an experienced developer, this course provides a comprehensive journey through Experience Cloud, Lightning Web Components (LWC), Apex programming, and more.
Course Modules:

Experience Cloud Site with Lightning Web Runtime (LWR):
Learn how to build and deploy dynamic website experiences using Salesforce's powerful Lightning Web Runtime (LWR) on the Experience Cloud. Discover the capabilities of Experience Cloud for creating engaging external-facing portals.
Salesforce Data Modeling:
Dive into the world of data modeling, understanding how to design and implement efficient data structures in Salesforce. Explore best practices for optimal storage and retrieval of data to ensure the scalability of your Invitation App.
Lightning Web Components (LWC):
Craft reusable and modular UI components using Lightning Web Components. Explore the principles of LWC development, including data binding, event handling, and creating a flexible and scalable front-end for your application.
Apex Programming Language:
Leverage the power of Apex, Salesforce's proprietary programming language, for server-side logic.
Records Fetching and Creation:
Master the techniques for effectively querying and manipulating data in Salesforce. Understand how to fetch and create records using SOQL and DML operations to ensure seamless data management.
Forms and Date Handling:
Build user-friendly forms within your Invitation App and manage date values with precision and ease. Explore the tools and techniques for creating intuitive interfaces that enhance the user experience.
Theme, Styling, and Responsiveness:
Design visually appealing interfaces for your Invitation App. Learn how to apply themes, styles, and ensure responsiveness to create a seamless and aesthetically pleasing user interface.
localStorage
Explore the use of storage APIs, specifically localStorage, with Lightning Web Security.
Static Resources and Beyond:
Expand your development capabilities by exploring additional tools and resources. Understand how to utilize static resources and other advanced features to enhance the performance and functionality of your Invitation App.

Who this course is for:

Salesforce Professionals
Salesforce Developers who wants to learn building real time application
Willing to learn Salesforce, LWC and Apex based apps