Skip to main content

Lightning Components Framework Learning Resources

Building custom lightning components will be a required skills for salesforce developers in coming years .Whenever there will be need for building SPA (Single Page Applications) for Salesforce 1 ,using lightning components will be one of the architecture choice .

Although  there are multiple frameworks that one could use which includes angular,backbone,ember etc but lightning is from salesforce and uses aura framework hence it will be really good candidate to consider for building SPA applications .

The aim of the blogpost is to share some useful resources  on how I have gained some expertise around building lightning components .

If you are familiar with javascript framework or at least have hands on experience with one of them ,your learning curve for lightning components will be pretty small.If you don't have none or never worked on Javascript ,you may like to go through some of javascript course and get yourself up to speed.

The key point to understand will be while building lightning components  the javascript code will follow event driven pattern .Each component can emit events and other components listen to  different events and perform server side logic .You will find minimal server side calls will be made and rest of Dom manipulation will happen with client side javascript controller and javascript helper .

Lets take a look at  various resources that helped me to learn lightning components 

1.TrailHead



This is by far the best methods to learn about how to build lightning components .The Trailhead has a module Lightning components that will force you to do hands on exercises and passing them you will feel confident enough that you have understood basics of lightning component  framework.

Trialhead  on learning lightning component is located at below URL



2.QuickContacts App Tutorial from Christophe Coenraets


This tutorial is amazing and thanks to Christophe for all awesome work .This tutorial will walk through building a quick contact app step by step .

The tutorial can be found in the below URL 



3.ReidCalberg Newbie Lightning Component Notes


This notes is quite comprehensive and thanks to author for excellent write up .Below is the URL where you can grab the notes and start working 


4.Video Tutorial from Salesforce MVP .


This video is good resource and worth watching all the modules


5.Paul Battison Videos 


Paul is a salesforce MVP and I love video tutorials from him .He makes difficult concepts looks lot easy .He explains code in very simple english .I subscribed to his youtube channel ,He has put 5 videos so far on lightning and i am looking forward to more of them .

Below is the link to Paul's channel


Below are lightning specific video links 







6.Jeff's Tutorial


We all love Jeff blog and below is link for  tutorial from him


Other Helpful Resources

Apart from all this ,salesforce lately added a new tag <ltng:require /> and below blogs will help us understand more on how to incorporate external JS  libraries in our lightning component using the provided tags





Apart from all this for deep knowledge work with lightning developer guide


I hope you have enough resources to start building lightning components yourself.



Popular posts from this blog

TLS 1.0 has been disabled For Sandbox - Salesforce

Salesforce has finally disabled TLS 1.0 in sandboxes .This is in preparation for disablement later in 2017 for PRODUCTION instances .

Now this would have not impacted your integrations in PRODUCTION org but if your integration is broken in your sandbox ,this means you have only few months to sort this and fix before this affects your integration for PROD live users .
Before we deep drive on how to possibly fix this and work with your external systems to figure solution ,lets first understand what is TLS and why did SFDC moved to 1.x and had to disable TLS 1.0
TLS 1.0 Explained























TLS 1.1 Improvements 
Added protection against cipher-block chaining (CBC) attacks. Support for IANA registration of parameters.

Clearly TLS 1.1 is more secure(Compared to 1.0) and protects salesforce resources against CBC attacks .
Identify if this change broke anything .The things that can be affected in your instances are as below Web requests to Salesforce URLs that require authenticationWeb requests to the login pag…

Opening Modal Using Lightning Component Framework of SFDC

One of my friend from India threw a challenge .The challenge was to open a modal by using latest and greatest lightning components framework and modals design from SLDS .For the love of community I thought of sharing the entire code base that I did .

So here we start ..

Business Use Case - Need a handy SalesLeader board component that can be used to display the Sales revenue generated by each sales rep for current year in the order of decreasing total revenue .On click of the tile ,we will show detail opportunity list aggregating the revenue .

The component can be dragged in lightning design experience or in App builder lightning Page .

Video Demonstration-



SalesLeaderBoard from Mohith Kumar Shrivastava on Vimeo.








Frameworks Used -
Lightning Design Systems (SLDS) for CSSLightning Component Framework for client side logicApex aura enabled class for backend logicApproach
The component hierarchy is very important to imagine or mindmap before we dig deeper- SalesLeaderMain
    -SalesLeaderBoard
    …

Customizing Napili Template Of SFDC For Communities - Community Cloud

Recently I have been busy working with salesforce community cloud platform and I am impressed by the new added features of Spring 16 .

You can watch the Release Readiness webinar for more details on what are added features for community cloud 

Lets talk about something which most of client (Either SI or ISV ) would love to have with the Napili template .The first question that clients ask with Napili is its flexibility to customize and tailor to their specific needs .

The very straight forward questions that people familiar with Napili template ask are as follows 

Can I change the CSS and look and feel ?  

Well yes and No ....The new branding editor you can sparingly use CSS and change look and   feel   and community editor can also help you to some extent to change labels and the color and you can really get closer to what you want .Just note that efforts will be high if we want to change the entire template design.

Will i be able to populate data from custom objects and standard objects a…