Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Development Aura Framework and Visualforce of Salesforce

Name: Development Aura Framework and Visualforce of Salesforce
Rating: 4.4 (3 reviews)

Salesforce Complete Syllabus of Lightning Aura Framework and Visualforce from Basics to Advance with Real-Time Scenarios

Created byVijay Kumar

Last updated 3/2025

English

What you'll learn

End to end complete project implementation in Lightning Aura Framework
Real time project implementation.
Communicate between Lightning Components using Lightning Events
How to Use Static Resources in a Lightning Application
Create an Apex Controller that exposes data and logic to Lightning Applications

Course content

4 sections • 36 lectures • 11h 14m total length

Introduction6:03
Hi Guys, This is Vijay Kumar, I Welcome to you in my new course: "Development Aura Framework and Visualforce of Salesforce"
In this course we are going to learn all about the "Salesforce Lightning Aura Component framework and Visualforce page with real-time project example step-by-step from beginner to advanced label.
This course is completely designed for that student who is interested to learn from basic concept of lightning aura component and Visualforce implementation with custom project scenarios of lightning component.
It is suitable for that developers who have experience with JavaScript and web development, and want to learn how to use the Lightning Aura Components framework and Visualforce to build modern, attractive user interfaces that can be easily integrated into Salesforce.
It is also suitable for experienced Salesforce developers who want to learn how to use the Lightning Aura Components Framework to build more efficient and scalable user interfaces.
I have taken care of that students who are a brand new and start to learn Salesforce Career as a developer and want to grow their Career in Salesforce development.
How to Create a Lightning Aura Component, Controller, Helper and Apex Conroller17:21

Create Lightning Component and Application9:47
Create Lightning Component and Application.
Then we refer to lightning component in an application.
Use extends="force:slds" to apply lightning design system library CSS into Lightning Component.
Interfaces in Aura Component11:29
Example- Interface in Aura Component.
Don't need to create aura application every time. We can call lightning component on several pages.
force:lightningQuickAction, force:hasRecordId, force:appHostable, flexiPage:availableForAllPageType, flexiPage:availableForRecordHome, forceCommunity:layout
The Basic structure of Attribute & Expressions in Lightning Component17:24
The basic stricture of Attribute and Expression in Lightning Component.
aura:attribute type="String"
aura:attribute type="List"
aura:attribute type="Array"
aura:attribute type="sobjectType"
aura:attribute type="Map"
aura:attribute name="init" value={!this} action="{!c.doInit}"
How to Call a JavaScript function in Lightning Component11:51
How to Call a JavaScript function in Lightning Component
How to call JavaScript function on button click
How to get lightning:button name value
Pass the lightning:button value to the aura:attribute
How to event.getSource() in JavaScript.
How to Communicate from Child to Parent in Aura Component11:38
How to Communicate from Child to Parent in Aura Component
Here I will be using Bond and Unbound expression to communicate each other of lightning component.
Pass the attribute value from child to parent in aura component.
How to communicate from Parent to Child through aura-method in Aura Component6:38
How to communicate from Parent to Child in aura component.
Here I will be pass the value from parent to child through aura:method function in lightning aura component.
I will be display a modal popup in aura:method in aura component.

How to fetch list of Opportunity record through Apex Class14:03
Fetch list of Opportunity record through Apex Class
Here I will be display list of opportunity record whenever component load on the page.
Here I will be use doInit function in component.
How to fetch the Opportunity record based on RecordId8:04
Fetch the Opportunity record based on RecordId
Here I will call the component to the record detail page of Opportunity.
Display the current record of Opportunity based on recordId.
How to display related list of record based on RecordId of lookup relationship21:27
Display related list of record based on recordId.
Here I will be display related record based on lookup relationship where child object is Contact and Parent is Account.
How to display Parent to Child Record through Nested Query in Aura Component18:47
Display Parent to Child Record in Aura Component
Here I will access child record from parent object.
I will write a nested query to retrieve related list value from parent to child object through Apex SOQL Query.
Application Event in Lightning Component14:58
Application Event in Lightning Component
Here I will be handling between two lightning component.
Passing the value from parent to child component in Salesforce.
Display a Modal Popup with a Form Inside in Lightning Aura Components16:28
Display a Modal/Popup on click button
Here I will be displaying a modal popup with a form inside in lightning components.
Custom Record Search Functionality in Lightning Aura Component25:24
Custom record search functionality in lightning component.
Here I will be searching record based on contact name in lightning component.
How to use wrapper class in Aura Lightning Component24:19
Use wrapper class in Aura Lightning Component
First, I will create aura component name is 'wrapperContactObj'.
Then, create an apex class controller name is 'wrapperContactCtrl'.
Here, I will be displaying list of Contact record using wrapper class in aura component in Salesforce.
How to Insert record using Apex Controller in Aura Lightning Component25:11
Insert record using Apex Controller in Aura Lightning Component
First, I will be create aura component name is 'insertRecordCmp'.
Then create an apex class controller name is 'insertRecordCtrl'.
Here I will be create Contact record using Apex Class in Aura Component in Salesforce.
How to create custom form validation in Aura Lightning Component28:27
Create custom form validation in Aura Lightning Component.
First, I will create aura component name is 'formValidationCmp'.
Here I am displaying required field error message in lightning input field on click button in aura component salesforce.
How to get picklist values dynamically in Aura Lightning Component27:10
Get picklist values dynamically in Aura Lightning Component.
First, I will create Aura Component name is 'picklistValueCmp',
Then I will be create Apex Class Controller name is 'picklistValueCtrl'.
Here I will fetch the picklist value dynamically on page load in aura lightnign component salesforce.
The Object name will be 'Account' and Field name will be 'Industry'.
How to get Checkbox Selected Value in Lightning Aura Component14:55
Get Checkbox Selected Value in Aura Lightning Component.
First I will be create aura component name is 'checkboxCmp'.
Here I will be Show/Hide the container based on Selected Checkbox in Aura Lightning Component Salesforce
How to get Radio Button Selected Value in Lightning Aura Component14:39
Get Radio Button Selected Value in Aura Lightning Component.
First, I will create aura component name is 'radioButtonCmp'.
Here I will be displaying the selected Radio Button value in Aura Lightning Component Salesforce.
How to display an image from Static Resources in Lightning Aura Component20:06
Display an image from Static Resources in Aura component.
First I will be create Aura Component name is 'staticResourceCmp'.
After that, I will upload the zip file on Static Resource in Salesforce
Then I will be displaying the image from Static Resource of Zip file in Aura Component.
Here also will be display the Image directly from Static Resource URL in Aura Component Salesforce.
How to Fetch related list on Account on click button in Lightning Aura Component46:11
Fetch related list on Account on click button in Lightning Component.
First, I will create Aura Component name is 'relatedListCmp'
After that, I will be write SOQL Query to Retrieve all Account Contact Relationship records.
Then I will be displaying the Account related Contact based on recordId on click button in Lightning Component Salesforce.
How to fetch all Custom Settings values using Apex Class Controller in Aura15:42
How to Fetch Custom Metadata Data and Display into Row and Action Modal Popup20:37
How to fetch multiple custom metadata records through selected Picklist in Aura26:49
How to generate pdf from aura lightning component and send PDF to Attachment19:14
How to Upload, Delete, and Preview the Files Attachments through Apex Class22:11

How to Fetch data from server in Visualforce11:46
Fetch data from server in Visualforce.
First I will create Visualforce page name is 'fetchDataInVfp'.
Then I will be creating Apex Class Controller name is 'fetchDataInVfpCtrl'.
Then we will be call Apex Class Controller into the extension of Visualforce
After that, I will be write SQQL Query to retrieve all Account Records.
Then we will be displaying the list of Account in Visualforce Page.
How to Get Billing Address of Account based on Quote record Id in Visualforce18:06
Get Billing Address of Account based on Quote record Id in Visualforce.
First I will create Visualforce page name is 'billingAddressVfp'.
Then I will be creating Apex Class Controller name is 'billingAddressVfpCtrl'.
Then we will be call Apex Class Controller into the extension of Visualforce
After that, I will be write SQQL Query to retrieve related Account based on Quote Record Id.
Then we will be displaying the address type field of account in Visualforce Page.
How to Insert an Account Record in Visualforce14:50
Insert an Account Record in Visualforce,
First I will create Visualforce page name is 'insertRecordVfp'.
Then I will be creating Apex Class Controller name is 'insertRecordVfpCtrl'.
Then we will be call Apex Class Controller into the extension of Visualforce
After that, I will be create a 'apex:form' and 'apex:commandButton' to Insert a record of Account in Visualforce Page.
How to call Lightning Component from Visualforce Page18:31
Call Lightning Component from Visualforce Page.
First I will create Visualforce page name is 'visualforceToAuraVfp'.
Then I will be creating Lightning Application name is 'visualforceToAuraApp'.
Then we will be creating Lightning Component name is 'CustomFormCmp'.
After that, I will communicate between lightning component and Visualforce page Using aura:dependency and ltng:outApp in Salesforce.
How to display related record of Account based on record Id in a Visualforce17:01
Display related record of Account based on record Id in a Visualforce.
First I will create Visualforce page name is 'relatedAccountVfp'.
Then I will be creating Apex Class Controller name is 'relatedAccountVfpCtrl'.
Then we will be call Apex Class Controller into the extension of Visualforce
After that, I will display the related Contact record of Account based on record Id in Visualforce.
How to retrieve data from multiple objects a Visualforce23:42
Retrieve data from multiple objects a Visualforce.
First I will create Visualforce page name is 'wrapperVfp'.
Then I will be creating Apex Class Controller name is 'wrapperVfpCtrl'.
Then we will be call Apex Class Controller into the extension of Visualforce
After that, I will be fetching the data from multiple different object (Account and Contact) Uses of the Wrapper Class in Visualforce.
How to find Quote owner manager’s Name and Email in Visualforce21:04
Find Quote owner manager’s Name and Email in Visualforce.
First I will create Visualforce page name is 'ownerEmailFromQuoteVfp'.
Then I will be creating Apex Class Controller name is 'ownerEmailFromQuoteVfpCtrl'.
Then we will be call Apex Class Controller into the extension of Visualforce
After that, I will be fetching Quote Owner Manager's Name and Email using apex SQQL Query in Visualforce.
How to add header and footer in Visualforce page in rendered as PDF32:43
Add header and footer in Visualforce page in rendered as PDF.
First I will create Visualforce page name is 'pdfRenderVfp'.
After that, I will be creating header and footer with repeat on Visualforce Page rendered as PDF.
Each and every page will be displaying same header and footer contents of Visualforce page.

Requirements

Basic knowledge of Salesforce and JavaScript
Basic understanding of Salesforce Apex and SOQL
Basic knowledge of Salesforce Admin Concepts
It is good if you are familiar with HTML, JS or CSS.

Description

Course Overview:-

This course is completely designed for that student who is interested to learn from basic concept of lightning aura framework implementation with custom project scenarios of lightning component.

In this course I have covered complete syllabus of lightning aura framework and Visualforce from basics to advance with real-time scenarios based on live demo projects example in Salesforce.

This course is designed for developers who want to learn how to use the lightning aura components framework to build custom user interfaces on the Salesforce platform.

It is suitable for developers who have experience with JavaScript and web development, and want to learn how to use the Lightning Aura Components framework and Visualforce to build modern, reactive user interfaces that can be easily integrated into Salesforce.

It is also suitable for experienced Salesforce developers who want to learn how to use the Lightning Aura Components Framework to build more efficient and scalable user interfaces.

I have taken care of who are brand new to start Salesforce Career as a developer and want to grow their Career in Salesforce development.

What is Lightning Aura Framework?

The Lightning Aura Framework is a client-side framework developed by Salesforce for building dynamic and responsive user interfaces within the Salesforce platform. It was one of the key components of Salesforce's Lightning Experience, designed to provide a more modern and interactive user interface for users of Salesforce applications.

What is Visualforce?

Visualforce is a legacy framework for building custom user interfaces and web pages within Salesforce. It uses a tag-based markup language that resembles HTML, and developers can use Apex to add logic to these pages.

Some important key features and concepts of Lightning Aura Framework:-

Component-Based Architecture: The Lightning Aura Framework is based on a component-based architecture, where user interface elements are encapsulated as reusable components.

Proprietary Markup Language: Developers use the Aura Markup Language (Aura XML) to define the structure and layout of components.

Client-Side and Server-Side Logic: Lightning Aura components can contain both client-side JavaScript controllers and server-side Apex controllers. This allows developers to implement business logic on the client side for responsiveness and on the server side for data processing and interaction with Salesforce data.

Event-Driven Communication: Components in the Lightning Aura Framework communicate with each other through events.

Lightning Experience: Lightning Aura components were designed to be a part of the Lightning Experience, Salesforce's modern user interface. They provide a more dynamic and responsive user experience compared to the older Visualforce framework.

In this course we will learn about the following topics:-

Create lightning component with Server side call to get records.

Display object records in Search.

Navigation to other record and pages in aura lightning component.

How to use of Event to communicate between multiple components.

How to use Component, Controller, and Helper to create interface of Project.

How to use of Application and Component Event to communicate between one component to another component.

What will you be able to do after taking this course?

I created three section to complete the syllabus of Aura Framework and Visualforce in Salesforce.

Building Custom User Interfaces in Lightning Aura Component ::

How to Create Lightning Component and Application?
Example of Interfaces in Aura Component.
The Basic structure of Attribute & Expressions in Lightning Component.
How to Call a JavaScript function in Lightning Component?
How to Communicate from Child to Parent in Aura Component?
How to communicate from Parent to Child through aura-method in Lightning Aura Component?
How to display a modal popup with a form inside in lightning components?
Application Event in Lightning Component.
How to get Radio Button Selected Value in Aura Lightning Component?
How to display an image from Static Resources in Aura component?
How to create custom form validation in Aura Lightning Component?

Calling Apex from Lightning Aura Components in Salesforce ::

How to fetch list of Opportunity record through Apex Class?
How to fetch the Opportunity record based on recordId?
How to display related list of record based on recordId of lookup relationship?
How to display Parent to Child Record through Nested Query in Aura Component?
How to create custom record search functionality in lightning component?
How to use wrapper class in Aura Lightning Component?
How to Insert record using Apex Controller in Aura Lightning Component?
How to get picklist values dynamically in Aura Lightning Component?
How to get Checkbox Selected Value in Aura Lightning Component?
How to Fetch related list on Account on click button in Lightning Component?

Visualforce Page ::

How to Fetch data from server in Visualforce?
How to Get Billing Address of Account based on Quote record Id in Visualforce?
How to Insert an Account Record in Visualforce?
How to call Lightning Component from Visualforce page?
How to display related record of Account based on record Id in a Visualforce?
How to retrieve data from multiple objects a Visualforce?
How to find Quote owner manager’s Name and Email in Visualforce?
How to add header and footer in Visualforce page in rendered as PDF?

Who this course is for:

Salesforce Admin who wants to become from Admin to LWC developer
Salesforce Developers who wants to learn Lightning Aura Framework
Software Professional
Project Managers
Developer
Salesforce Administrator

Development Aura Framework and Visualforce of Salesforce

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 23min

Building Custom User Interfaces in Lightning Aura Component Salesforce Examples6 lectures • 1hr 9min

Calling Apex from Lightning Aura Components in Salesforce Examples20 lectures • 7hr 5min

Visualforce Page Example with Custom Controller in Salesforce8 lectures • 2hr 38min

Requirements

Description

Who this course is for: