The post Trailhead Leaderboard(Unofficial) appeared first on Salesforce Next Gen.
]]>Hello everyone, Today I am presenting to you Salesforce Trailhead LeaderBoard(Unofficial), a Leaderboard is typically used to signify rank among the fellow participant and helps in bringing out the competitive best of everyone. I believe that trailhead has now become a global competition, where More and more companies are asking its employees to enroll to the Trailhead and start learning.
There are companies who are trying to build their employee’s (Salesforce Admin – developers) career path/growth to include trailhead badges, projects, and trails in their career path. It is becoming imperative for companies like them to showcase their employee’s hard work and brag about it or in fact show it as a swag like we brag about the Salesforce’s certifications. Therefore leaderboard like this provides the perfect platform for companies to showcase their effort.
Furthermore I firmly believe that Salesforce Trailhead should provide an official Leaderboard down the line in the future, but meanwhile, you can register your profile by clicking on the button below.
The post Trailhead Leaderboard(Unofficial) appeared first on Salesforce Next Gen.
]]>The post Salesforce Trailhead Widget for your Website appeared first on Salesforce Next Gen.
]]>Hi Friends
Recently, I have been working on a small project, where I wanted to make a profile card, which displayed your trailhead profile (your rank, Badges, point and your basic Info available on Trailhead). Something like shown below.
This Salesforce Trailhead widget will help you, showcase your hard-earned Badges, points and completed trails on your website. If you own a WordPress site, Blogspot or any website, just use this widget like a swag to brag about your achievements in trailhead.
Any impact on my Blog or website? well this widget uses an asynchronous call to an external server and everything is calculated there and the result is embedded on your website without using any of your website’s resources.
To Use this widget for your website please follow the below instruction.
Step 1
To begin we need your trailhead profile Id, you can find your trailhead profile by logging into your trailhead account and clicking on the profile drop-down menu as shown in the image below:
you will either find a vanity URL or a Profile ID – ‘005500000061VVIAA2’ copy it and paste it temporarily on your system.
Step 2
Copy the below code and paste on your page:
https://gist.github.com/sumitkumardatta/2b67d71c20c09742a4b7e958dd0119e4
Step 3
Now In the code line shown below:
Have a Happy New Year from salesforce Next Gen
Also Have a look at the below resources:
Also Have a look at the below learning resources:
The post Salesforce Trailhead Widget for your Website appeared first on Salesforce Next Gen.
]]>The post Salesforce Lightning Tutorial: Lightning Component basics appeared first on Salesforce Next Gen.
]]>Before we begin to deep dive into the development of Lightning Component we need few things to be enabled in our Developer Edition Org. First thing is to enable My Domain in the DE org. Enabling My Domain and activating it can take up to half an hour, therefore we need to have My Domain as early as possible for any development.
Adding a Custom Domain, serves many other purposes as well, which are mentioned below:-
My Domain is also available for sandboxes and more info about My Domain can be found in the Below mentioned document.
https://help.salesforce.com/articleView?id=domain_name_overview.htm&type=5
Before we begin the development lets create the custom object that we require for this tutorial.
To create a new object in the Lightning Experience(LEX), follow the below instruction these instruction are given assuming the you have enabled the Lightning experience in your org or you already have it enabled.
Fig 1.2: Object Manager Tab
Fig 1.3: Create button
Fig 1.4: Object Definition Page
Field | Value |
Label | Expense |
Plural Label | Expenses |
Starts With vowel sound | checked |
Object Name |
Expense__c |
Fig 1.5: Object definition page
Fig 1.6: Field Data type Selection page
Field Label | API Name | Field Type |
Amount | Amount__c | Number(16,2) |
Client | Client__c | Text(50) |
Date | Date__c | Date |
Reimbursed | Reimbursed__c | Checkbox |
Make sure that before we begin, you must have some knowledge of Apex Basics and Database, otherwise it would very difficult to understand some concept mentioned here.
Before we dive into the abyss of Lightning, first we need to know that why we should use lightning and what are the benefits of using the Lightning Component. Its benefit includes the following features.
Let’s know Lightning Components framework a bit more.
It is a UI framework used for developing apps which run both on mobile devices and desktop, it makes use of single page application architecture using dynamic, responsive components for the interface. It implements JavaScript on the client side and Apex on the server side.
Fig 2.1 Lightning Framework
It is a framework with a collection of code and services to help developers create unique and modern Apps, it was born to build salesforce for mobile devices but later on it was decided to use this framework for both desktop and mobile devices. This framework is for building Single Page application.
Lightning components can be used in many different ways, like customizing the org, standalone app and even apps that can be hosted on other platforms (using Lightning out).
Lightning components can be embedded in LEX app launcher, as a tab in Salesforce App Navigation. They can be used in Lightning App Builder and Community builder.
Lightning components can be added to a custom lightning page, record page as a quick action or a standalone app.
Let’s begin writing some code and create awesome components for our org.
To write the code we need to open the IDE, which can be accessed by either clicking your name (in Classic) or the gear icon in the LEX.
Fig 2.2: Developer Console link
Fig 2.3: Developer Console Interface
To create a Lightning Component in the developer console follow the below instruction:-
Fig 2.4: Lightning Bundle
Fig 2.5: HelloWorld Component
We have created our first component, now how to view this component, it is not as simple as Visualforce Page. To view Lightning component we first need to put in a container app. Let us make a simple container app for our helloWorld Component.
For creating the App follow the below instruction:
Fig 2.6: The container App
So here you see how we created a component and then hosted it inside a Standalone Lightning App. So you must be wondering that, what a component is. So without a further adieu let’s dive deep into the component.
A Component is a bundle which contains set files, written and wired in such a way that they accomplish a common business goal .They are coherent yet loosely coupled set of code and form the basic building block of Lightning Component Framework. It encapsulates a modular and reusable piece of UI and can range from single line of text to entire application. Let’s discuss about the component’s mark up next. Component resource has a .cmp suffix. Below is an example of the component mark up.
<aura:component>
Hello, world!
</aura:component>
This is as simple as a component can be in our helloWorld.cmp
A component name must follow these naming rules:
A component bundle consists of files and resources grouped together to achieve a common goal, it contains the following resources:-
Next we will start making our component a little bit more complex by using attribute and expressions.
Also Have a look at the below resources:
Also Have a look at the below learning resources:
The post Salesforce Lightning Tutorial: Lightning Component basics appeared first on Salesforce Next Gen.
]]>