1 / 3

A Brief Guide To New Lightning Apps Of Salesforce And Lightning Components

Salesforce Lightening design framework and design system helps the builder to create highly attractive, interactive UI an the web apps are rich in performance can be used either on mobile or desktop. This blog gives you a step by step procedure to develop the Lightening app briefly.

jamesbush15
Download Presentation

A Brief Guide To New Lightning Apps Of Salesforce And Lightning Components

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. A Brief Guide To New Lightening Apps Of Salesforce And Lightening Components The new Lightening apps of Salesforce are suitable for desktop and mobile platforms. Salesforce has provided the developer’s console and Lightening Component Framework through which the developers can easily create any customized mobile or desktop app for the Salesforce users. The Lightening Component Framework can be used to build any single page functional application with an interactive user interface. This framework is event driven and has multi-tier architecture. Since it is event driven, so the Lightening components can talk to each other and the code of Lightening components is quite easy and uses two languages, Java Script for client side application and Apex for the server side. Lightening components are pre built and encapsulated entities so when the developers develop any Lightening app, then they need not to focus on component’s implementation and they can directly use them without spending too much time on its development. A Lightening component can use another component, CSS, HTML or java script file. The developers can build rich user interface through these components. Lightening Design System: The Lightening Design System is a UI library and helps developers to build responsive and interactive UI. This design system has following resources: Icons, CSS, Fonts and Design Tokens. Salesforce design system is based on four principles clarity, consistency, efficiency and beauty. Due to Clarity feature the components looks quite clear and are easy to use, while due to efficiency feature the developers can easily streamline the workflow and work smarter and faster, the consistency applies to all the components and due to this all components like buttons looks alike throughout the application a proper craftsmanship can be applied to the application components to make them more attractive and elegant. Here through this blog we are going to describe the procedure of Development of Salesforce Lightning App briefly: Create a customized object by specifying its name and fields or properties Now install the package of Lightening Design System for that you can use any version available on the Lightening website. Now you can create the server side class using Apex language. To develop the class you will have to use the developer’s console and there you can create the class for the declared object. Now when you create the class, now you can create the Lightening component, through which you can easily display the data. To develop this component again you will have to use the developer’s console, there you can find the new Lightening component create option in the File tab and now using HTML or Java Script you can create the Component easily. For the component you will have to develop the Helper class to create the controller of this component, the shortcut to create the controller is Ctrl + Shift + 3

  2. One can create the List Controller If you want to create the Search bar in your application, then You will have to create the Search or Search Bar component through developer’s console. Like above just choose the New > Lightening Component under the File tab and give it a name like Search Bar Component, here you can create the Apex code. Now you can create the controller for the Search Bar component through coding. For your app, in the same way you can create the header component, footer component separately and if you have any other component on your web page then create it and its controller before creation of the application. Now, as you have created all of the components for your customized Lightening app, so now its time to combine and place them together to make the app, for this just goto Setup>Build>Develop>Lightening App Builder You can easily see all of the custom components here and drag them on the canvas, from here you can save the canvas and activate it by clicking on Activation Button. When you will activate it, a pop up window will be appeared on the screen, from there you can provide a name to your app, choose an icon for your app and save it. Now your new and customized Lightening app has been launched on Salesforce1. In this way one can create the Lightening apps as per their need. The one page apps can be used as they are created.A number of Lightening components like Button, Text Area, Layout, Apinner and others are available on Salesforce website. One can use the readily available components as well for the application or create his own one page component with the help of developer’s console. Advantages of Lightening Design System: 1.Developer can create the apps for mobile and desktop 2.The reusable components can easily be created through this new design system 3.Anyone can easily develop the home page, even without the help of any developer due to drag and drop facility. 4.Salesforce Lightening is the future of the Salesforce CRM and every application in future will be based on this platform 5.The integrated development environment is provided to the user through this Lightening design system by Salesforce. 6.Developer’s console gives the freedom to develop any customized app easily, so anyone can use the console and create or develop the application easily. Conclusion: Salesforce Lightening design framework and design system helps the builder to create highly attractive, interactive UI an the web apps are rich in performance can be used either on mobile or desktop. This blog gives you a step by step procedure to develop the Lightening app briefly. While the coding part involved in this process can be accessed through Github. Read More: LET THE CUSTOMER TRULY EXPERIENCE WITH MARKETING CLOUD LIGHTNING

More Related