Why AND How To Write Your First Salesforce Lightning Component Using Aura

There's a reason why being a Salesforce Developer is one of the most lucrative jobs on the market. One of those reasons are Lightning Components. Salesforce Lightning Components using Aura are great for the following reasons:

  1. You can write it right inside of developer console
  2. You are able to make use of HTML markup and CSS stylesheets for complete control over how your code looks
  3. You get to make use of the very powerful javascript language for client-side processing of your code.
  4. You can connect your front end Aura / HTML / Javascript to the backend Apex and SOQL for very powerful interactions with the Salesforce database.

To write an Aura Lightning Component you will be utilizing the MVC (Model / View / Controller) architecture.

  • Model: This would be your Salesforce database. Your lightning component can connect to your salesforce database seamlessly and allows you to access your data through your Apex controller class.
  • View: This would be your HTML markup. In your aura...
Continue Reading...

Lightning Components Overview

One of the great things I love about Salesforce is it’s ability to make things easy for the user and powerful for the developer and Lightning Components are no different. The Lightning Component framework is a UI framework for developing single page applications for mobile and desktop devices.

You can build Lightning components using two different programming models: the Lightning Web Components model and the original Aura Components model. Basically, Lightning Web Components are just custom HTML elements that are built using HTML, JavaScript and CSS on the front end with the ability to connect to Apex on the backend as a controller. The great thing is that both Lightning Web Components and Aura Components can coexist on the same page.

The below code shows a simple hello world output using HTML, Javascript and CSS.

HTML

 <template> {TestOutput} </template> 

Javascript

 import { LightningElement } from 'lwc'; export default class App extends LightningElement {...
Continue Reading...
Close

50% Complete

Get our latest tutorials, tips and tools to help you learn to be an Apex Programmer!

Every week I'll update you on the latest from Apex Coding Academy and you'll get first access to new resources, offers and events.