Author Archive nayakdillip


Var and Let in Javascript

Var and Let in Javascript

Var:-Dynamic data type in javascript
let:-dynamic data type in javscript

Difference between Var and Let
The difference is “let” is visible only in the for() loop and var is visible to the whole function.

when you use Let

var iPLTemsList = ['CSK', 'DD', 'KXIP', 'KKR','MI','RCB','SRH','RR'];
for(let ipl in iPLTemsList){

//JavaScript error: Uncaught ReferenceError: ipl is not defined on line 6

when you use var

var iPLTemsList = ['CSK', 'DD', 'KXIP', 'KKR','MI','RCB','SRH','RR'];
for(Var ipl in iPLTemsList){
alert(ipl);//Display 7

Also, If you Redeclaration var and let, var will let you re-declare the same variable in the same scope. On the other hand, let will not:

'use strict';
let i= 3;
let i = 5; // SyntaxError: Identifier 'i' has already been declared
'use strict';
var i = 3;
var i = 5; // No problem, `i` is replaced.

Advantages of using let over var within a function. the difference is that let is block-scoped and var is not.

Note:-Experts always recommend solely using let everywhere, if it is available in your environment.


JavaScript Arrays

Before learning Javascript Array.

Why did you learn javascript?
Javascript has become an essential web technology along with HTML and CSS.You must Learn javascript if you want to get into web development with using Any Technology (.Net MVC, PHP, Java, Salesforce, Dynamic CRM)

let’s discuss something about javascript Array.

An array is a collection of same type data(means integer, string etc) values.we can store many values and retrieve values as per index. Also, you can store lists an array.

How to create arrays


var arrayOFLanguages=["","","",....];//var dynamic type it holds different data type like Integer,String,Char,List etc


var arrayOfRollNumbers=[1,2,3,4,5,6];//it store integer value of roll numbers
Var arrayOfNames=['Dillip','Kunal'];//It store string value of Names

For Accessing Particular Value

Var rollNumber=arrayOfRollNumbers=[0];//it display 1 
var name=arrayOfNames[1];//it display kunal(Retrive Records by index.Index always start with 0.

Methods in Array



Introduction to salesforce survey(spring 18)

salesforce survey(spring 18)

  • 1.its available in spring 18
  • 2.Component available for community builder
  • Let’s create a survey for creating the survey you need to enabled survey

    setup–>Survey–>survey setting–>Enabled

    After the Enabled survey, you need to visit all tab its showing survey Tab.

    After clicking the survey tab you need to click New survey

    survey–>New Survey

    it redirects to survey builder

    You need to give survey name and put all the question then your thank you page.

    After creating all the steps you need to active same then on the top, there is link send button its help you send the URL .

    Here my result
    Beer Survey(surveyName=beer_drinking_survey)


    How to consume third party Rest API From salesforce

    Rest API:Representational State Transfer

    Let’s discuss some stubs about Salesforce Integration.

    How to consume third-party Rest API From salesforce.

    here I am going to explain how we send request from salesforce to third-party rest API. Then
    get a response from third-party API.

    the simplest request is a GET request(HTTP Method).

    GET–>GET methods to help retrieve data from identified by a URL.


    First, need to add your third-party REST API to the remote site settings in Salesforce org.Once done, we need to create apex code to retrieve records.

    I have found below Third party URL for testing point of view


    setup–>Remote Site Setting


    Add URL

    I. Open the Developer Console from the Setup gear (Setup gear icon).
    II. On the Developer Console, select Debug | Open Execute Anonymous Window.

     Http http=new Http();
     HttpRequest request=new HttpRequest();
     HttpResponse response=http.send(request);
                list<object> results=(list<object>)JSON.deserializeUntyped(response.getBody());
                for(object user:results)

    III. Select code, and then click Execute.
    IV. After the debug log opens, select Debug Only to view the output of the System.debug statements.

    The user detail of user is displayed.

    Class Example:-

    public class jsonplaceholderAPI {
    public  static list<object> GetUsers()
            Http http=new Http();
            HttpRequest request=new HttpRequest();
            HttpResponse response=http.send(request);
            list<object> results=new list<object>();
            return results;

    Access Modifiers in apex

    Apex has four access modifiers


    Private :If you define private that you don’t want outside code to call(like within class).in other words, methods used by the
    public methods of your class.

    Note: If you do not specify an access modifier, the method or variable is private.

    Public :If you define public that use within class as well as outside the class means any code anywhere can access
    the public .

    protected : if you define protected it access to any inner class and to the classes that extend the defining apex

    global:if you define global it can used by apex code that has access to the class .not just the apex code in
    the same application it also access outside of the application like Rest API/SOAP API.


    upload multiple file in salesforce lightning

    upload multiple file in salesforce lightning

    Here I am going to explain how you upload multiple files in the lightning component as well as how you used same in the lightning community.

    Create new lightning component with forceCommunity:availableForAllPageTypes implements

    <aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
        <aura:attribute name="RecordId" type="String"   default="0017F00000WVzKl"/> 
        <lightning:fileUpload label="Upload File(.pdf, .png,.jpg)"
                              accept=".pdf, .png,.jpg"
                              onuploadfinished="{!c.handleUploadFinished}" />

    Note:Pass your own Record ID like Account RecordID:- 0017F00000WVzKl.i have pass here

    Controller JS

        handleUploadFinished : function(component, event, helper) {
            // Get the list of uploaded files
            var uploadedFiles = event.getParam("files");
            var toastEvent = $A.get("e.force:showToast");
                "title": "Success!",
                "message": "File "+uploadedFiles[0].name+" Uploaded successfully."

    Now Drag your component over community builder then publish it. after successfully publish you can upload file

    Also, you can check the files over account object with attached file according to your record ID.


    Full calendar lightning salesforce

    FullCalendar calender implementation in salesforce lightning application

    Here i explain where you can use this lighting component

    • 1.Lightning Community
    • 2.Lightning Salesforce Page

    Before creating the component you need to download full calendar and add into the static Resource

    Here I have created one apex controller class where I fetch account information with start Date, End Date, Name and ID

    public class AccountClass {
        public static list<Account> getAllAccounts()
            list<Account> accountList=[select id,name,Start_Date__c,Last_Date__c  from account where Start_Date__c!=null limit 10];
            return accountList;

    Create markup for component

    <aura:component controller="AccountClass" implements="flexipage:availableForAllPageTypes,forceCommunity:availableForAllPageTypes" access="global" >
        <ltng:require styles="{!$Resource.fullcalender     + '/fullcalendar390/fullcalendar.css'}"
                               $Resource.fullcalender  + '/fullcalendar390/lib/jquery.min.js',
                               $Resource.fullcalender  + '/fullcalendar390/lib/moment.min.js',
                               $Resource.fullcalender  + '/fullcalendar390/fullcalendar.js'
                      afterScriptsLoaded="{!c.afterScriptsLoaded}" />
        <ltng:require styles="/resource/fullcalender/fullcalendar390/fullcalendar.css"/>
        <aura:attribute name="accountList" type="object[]"></aura:attribute>
        <div id="calendar"></div>

    Create component controller here

        afterScriptsLoaded: function(cmp,evt,helper){
            var accountList = cmp.get("v.accountList");

    Create component helper class here

        loadDataToCalendar :function(component,data){  
            //Find Current date for default date
            var d = new Date();
            var month = d.getMonth()+1;
            var day = d.getDate();
            var currentDate = d.getFullYear() + '/' +
                (month<10 ? '0' : '') + month + '/' +
                (day<10 ? '0' : '') + day;
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,basicWeek,basicDay'
                defaultDate: currentDate,
                editable: true,
                eventLimit: true,
        formatFullCalendarData : function(component,events) {
            var josnDataArray = [];
            for(var i = 0;i < events.length;i++){
            return josnDataArray;
        fetchEvents : function(component) {
            var action = component.get("c.getAllAccounts"); 
            var self = this;
            action.setCallback(this, function(response) {
                var state = response.getState();
                if(component.isValid() && state === "SUCCESS"){
                    var josnArr = self.formatFullCalendarData(component,response.getReturnValue());

    Step:5 For testing the component here i have create one lightning app

    <aura:application >
    	<c:FullCalendercmp ></c:FullCalendercmp>

    Step:6:For Testing the component for lightning community bold.I have just added the component over community page its look like this

    If you have any issue share me on the comment box I will help you.


    How to create a Community Lightning Component

    Building Custom Lightning Components for salesforce Communities

    Step:-1 Create Apex Class HelloWorld.apxc

    public class HelloWorld {
        public static string getUserName()
            return userinfo.getName();

    Step:-2 Create Lightning Component with name UserInfoComponent.cmp

    <aura:component controller="HelloWorld" implements="forceCommunity:availableForAllPageTypes" access="global" >
    	<aura:attribute name="userName" type="string"></aura:attribute>
        <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
        <p>Hello <b>{!v.userName}</b>,How Are You</p>

    Step:-3 Create Component Controller for doInit Action

        doInit : function(component, event, helper) {

    Step:-4 Create Component helper for doInit

        getUserRecord : function(component) {
            var action=component.get("c.getUserName");
            action.setCallback(this, function(response) {
                var state = response.getState();
                if (component.isValid() && state === "SUCCESS") {
                    var userName = response.getReturnValue();

    Step:5 Open Community builder drag the particular component from the custom component

    Step:6 Publish the site

    After Publish it look like

    you can visit below link how to create community site


    How to create community site using salesforce

    Step:-1 Search Communities To Enable
    From setup,enter communities setting in the quick search box.Then select communities setting

    Step:-2 Enable Communities then save
    Select a domain for your communities.then check Availability after check its show the message “success !Domain name available” .Then save

    Step:-3 Create Communities
    Click on the New Community button its redirect to lighting bolt where you chose the template

    Step:-4 Choose one of the template Like
    i.Customer Service (Napili)
    ii.Customer Account Portal
    Also, you can create your own template

    Step:-5 Here i have choose sale –>partner central

    Step:6 After chose the template. you need to click on the “Get Started ” button , Pass the name then click the create button

    Its take few time to build

    step:6 once its created its redirect to the community work space

    step-7 Click on the builder to build publish the site.on the right corner after customization you need to publishing the site

    Step:-8 After successfully published its sows like this


    Navigate to lightning from visualforce page

    On visualforce page you need to add below code.If you need to redirect to lightning page on button click or page load .You use below code

     //get record ID
            var recordid='{!$CurrentPage.parameters.Id}';//Its depend open your record id
    if( (typeof sforce != 'undefined') && sforce && (!! ) {
                    // Salesforce1 navigation(Lightning Experience)
                }, 10);