SlideShare a Scribd company logo
Developers Introduction
To Lightning
From 0 to App
chrisbacon@brightgen.com
@ChrisBacon85
Chris Bacon
Developer @ Brightgen
Forward-Looking Statements
Statement under the Private Securities Litigation Reform Act of 1995:
This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any
of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking
statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or
service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for
future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts
or use of our services.
The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our
service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth,
interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with completed and any possible
mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our
employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com
products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of
salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most
recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor Information
section of our Web site.
Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not
be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available.
Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
Lightning
App
• Top level component that contains other
components
Component
• HTML Markup
• Lightning Tags (Aura, UI)
• Other Components
Events
• Custom events (Component, Application)
Building Blocks
Aura Bundle
Controller
• Javascript controller (treat this as your event
handler)
Helper
• Javascript helper – utility methods for the
component
CSS
• Stylesheet for the bundle
Key Components
Demo
App, Component, Event
Lightning App
App
App
Top level component
Component Bundle
Component
Component
Component
Component
Component Bundle
Controller
Javascript Controller
Component Bundle
Helper
Javascript Helper
Javascript Helper
Calling Server Side
Apex Controller
Javascript Helper
Response handling
Events
Custom Events
Component
• Component events will publish to any parent
components listening for the event
Application
• Application events will publish to any component
listening for the event
Component or Application
Events
Events
Firing custom event
Events
Handling custom event
https://github.com/CrispyBaconUk/SFWT-MyCartApp

More Related Content

What's hot (20)

PDF
Lightning App Builder: Build Apps Visually for the new Lightning Experience
Dreamforce
 
PPTX
Dallas Salesforce User Group Meeting - March 2011 (Sponsored by Statera)
Kevin Richardson
 
PPTX
Fremont Salesforce Community Group - Salesforce Labs Day - October 2019
Jayant Jindal
 
PDF
Summer17新機能 Einstein周り
Mitch Okamoto
 
PPTX
Knock! Knock! Who's There? Lightning Components!
Salesforce Admins
 
PDF
Create Lightning with Lightning & IoT
Salesforce Developers
 
PPTX
S1 Tour Paris Developpeurs
Peter Chittum
 
PDF
次世代のパッケージング Packaging 2(Pilot)
Takahiro Kawabata
 
PDF
Best Practices and Recommendations for New Salesforce Admins
Louise Lockie
 
PDF
アドバンスドLightningコンポーネント:品質の高いコンポーネント開発のためのTips
Salesforce Developers Japan
 
PPTX
2016 ISBG - Enterprise integration done right with Salesforce Lightning, IBM ...
René Winkelmeyer
 
PPTX
Force.com Fridays: Intro to Force.com
Salesforce Developers
 
PPTX
Best Practices and Recommendations for New Salesforce Admins
Louise Lockie
 
PDF
Integrate CMS Content Into Lightning Communities with CMS Connect
Salesforce Developers
 
PPTX
Salesforce Streaming Api
Jayant Jindal
 
PDF
モダンなイベント駆動型システム連携を学ぼう〜Platform Events 入門
Salesforce Developers Japan
 
PPTX
Process Automation Makeover: Transform Multiple Workflows into One Process by...
Salesforce Admins
 
PPTX
Behavioral Marketing: Go Beyond List Email Marketing
Jeremy Mason
 
PDF
New Lightning Experience: Build Custom Apps in a Flash
Dreamforce
 
PPTX
2017 engage.ug - Salesforce and IBM for Developers
René Winkelmeyer
 
Lightning App Builder: Build Apps Visually for the new Lightning Experience
Dreamforce
 
Dallas Salesforce User Group Meeting - March 2011 (Sponsored by Statera)
Kevin Richardson
 
Fremont Salesforce Community Group - Salesforce Labs Day - October 2019
Jayant Jindal
 
Summer17新機能 Einstein周り
Mitch Okamoto
 
Knock! Knock! Who's There? Lightning Components!
Salesforce Admins
 
Create Lightning with Lightning & IoT
Salesforce Developers
 
S1 Tour Paris Developpeurs
Peter Chittum
 
次世代のパッケージング Packaging 2(Pilot)
Takahiro Kawabata
 
Best Practices and Recommendations for New Salesforce Admins
Louise Lockie
 
アドバンスドLightningコンポーネント:品質の高いコンポーネント開発のためのTips
Salesforce Developers Japan
 
2016 ISBG - Enterprise integration done right with Salesforce Lightning, IBM ...
René Winkelmeyer
 
Force.com Fridays: Intro to Force.com
Salesforce Developers
 
Best Practices and Recommendations for New Salesforce Admins
Louise Lockie
 
Integrate CMS Content Into Lightning Communities with CMS Connect
Salesforce Developers
 
Salesforce Streaming Api
Jayant Jindal
 
モダンなイベント駆動型システム連携を学ぼう〜Platform Events 入門
Salesforce Developers Japan
 
Process Automation Makeover: Transform Multiple Workflows into One Process by...
Salesforce Admins
 
Behavioral Marketing: Go Beyond List Email Marketing
Jeremy Mason
 
New Lightning Experience: Build Custom Apps in a Flash
Dreamforce
 
2017 engage.ug - Salesforce and IBM for Developers
René Winkelmeyer
 

Similar to Developers Introduction To Lightning (20)

PPTX
Roadmap Lightning Updates (November 3, 2016)
Salesforce Partners
 
PPTX
Build custom user interfaces for your Salesforce data with the UI API
Salesforce Developers
 
PPTX
Salesforce Lightning component framework from 0 to app
Roy Gilad
 
PDF
Salesforce: Go Faster with Lightning (DocuSign DevCon)
Mary Scotton
 
PPTX
How to Get Started with Salesforce Lightning
Salesforce Admins
 
PPTX
How to Get Started with Lightning - Umair Ilyas - December 2016
Umair Ilyas
 
PPTX
Build Faster with Base Lightning Components
Salesforce Developers
 
PDF
Salesforce Lightning Supersession (TDX18)
Developer Force
 
PPTX
Modern UI development with Lightning Components - Spanish!
Alba Azcona Rivas
 
PDF
Get Started with the Lightning Platform
Developer Force
 
PPTX
Introduction to lightning out df16
Mohith Shrivastava
 
PDF
How Salesforce Launched Lightning in 7 Steps
Salesforce Admins
 
PDF
Webinar: How Salesforce Launched Lightning in 7 Steps
Rebecca Saar
 
PPTX
Rollin' Out Lightnin' Ain't All That Frightenin' by Jon Barlow
Salesforce Admins
 
PDF
How to Position Lightning
Salesforce Partners
 
PDF
Advanced Lightning Components
Salesforce Developers
 
PPTX
Transition to lightning experience
Tricia Nolan
 
PPTX
Build Better Communities with Lightning
Salesforce Developers
 
PPTX
Building first lightning component at udaipur admin group session
Avanish Kumar
 
PPTX
Build Apps Visually with Lightning App Builder
Salesforce Developers
 
Roadmap Lightning Updates (November 3, 2016)
Salesforce Partners
 
Build custom user interfaces for your Salesforce data with the UI API
Salesforce Developers
 
Salesforce Lightning component framework from 0 to app
Roy Gilad
 
Salesforce: Go Faster with Lightning (DocuSign DevCon)
Mary Scotton
 
How to Get Started with Salesforce Lightning
Salesforce Admins
 
How to Get Started with Lightning - Umair Ilyas - December 2016
Umair Ilyas
 
Build Faster with Base Lightning Components
Salesforce Developers
 
Salesforce Lightning Supersession (TDX18)
Developer Force
 
Modern UI development with Lightning Components - Spanish!
Alba Azcona Rivas
 
Get Started with the Lightning Platform
Developer Force
 
Introduction to lightning out df16
Mohith Shrivastava
 
How Salesforce Launched Lightning in 7 Steps
Salesforce Admins
 
Webinar: How Salesforce Launched Lightning in 7 Steps
Rebecca Saar
 
Rollin' Out Lightnin' Ain't All That Frightenin' by Jon Barlow
Salesforce Admins
 
How to Position Lightning
Salesforce Partners
 
Advanced Lightning Components
Salesforce Developers
 
Transition to lightning experience
Tricia Nolan
 
Build Better Communities with Lightning
Salesforce Developers
 
Building first lightning component at udaipur admin group session
Avanish Kumar
 
Build Apps Visually with Lightning App Builder
Salesforce Developers
 
Ad

Recently uploaded (20)

PDF
Linux Certificate of Completion - LabEx Certificate
VICTOR MAESTRE RAMIREZ
 
PDF
Alarm in Android-Scheduling Timed Tasks Using AlarmManager in Android.pdf
Nabin Dhakal
 
PPTX
Home Care Tools: Benefits, features and more
Third Rock Techkno
 
PPTX
Hardware(Central Processing Unit ) CU and ALU
RizwanaKalsoom2
 
PDF
IDM Crack with Internet Download Manager 6.42 Build 43 with Patch Latest 2025
bashirkhan333g
 
PDF
Generic or Specific? Making sensible software design decisions
Bert Jan Schrijver
 
PPTX
Help for Correlations in IBM SPSS Statistics.pptx
Version 1 Analytics
 
PDF
Digger Solo: Semantic search and maps for your local files
seanpedersen96
 
PDF
Download Canva Pro 2025 PC Crack Full Latest Version
bashirkhan333g
 
PPTX
Tally software_Introduction_Presentation
AditiBansal54083
 
PDF
Driver Easy Pro 6.1.1 Crack Licensce key 2025 FREE
utfefguu
 
PDF
AI + DevOps = Smart Automation with devseccops.ai.pdf
Devseccops.ai
 
PDF
Unlock Efficiency with Insurance Policy Administration Systems
Insurance Tech Services
 
PPTX
AEM User Group: India Chapter Kickoff Meeting
jennaf3
 
PDF
SAP Firmaya İade ABAB Kodları - ABAB ile yazılmıl hazır kod örneği
Salih Küçük
 
PDF
Why Businesses Are Switching to Open Source Alternatives to Crystal Reports.pdf
Varsha Nayak
 
PPTX
ChiSquare Procedure in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
PPTX
Agentic Automation Journey Series Day 2 – Prompt Engineering for UiPath Agents
klpathrudu
 
PDF
The 5 Reasons for IT Maintenance - Arna Softech
Arna Softech
 
PPTX
Transforming Mining & Engineering Operations with Odoo ERP | Streamline Proje...
SatishKumar2651
 
Linux Certificate of Completion - LabEx Certificate
VICTOR MAESTRE RAMIREZ
 
Alarm in Android-Scheduling Timed Tasks Using AlarmManager in Android.pdf
Nabin Dhakal
 
Home Care Tools: Benefits, features and more
Third Rock Techkno
 
Hardware(Central Processing Unit ) CU and ALU
RizwanaKalsoom2
 
IDM Crack with Internet Download Manager 6.42 Build 43 with Patch Latest 2025
bashirkhan333g
 
Generic or Specific? Making sensible software design decisions
Bert Jan Schrijver
 
Help for Correlations in IBM SPSS Statistics.pptx
Version 1 Analytics
 
Digger Solo: Semantic search and maps for your local files
seanpedersen96
 
Download Canva Pro 2025 PC Crack Full Latest Version
bashirkhan333g
 
Tally software_Introduction_Presentation
AditiBansal54083
 
Driver Easy Pro 6.1.1 Crack Licensce key 2025 FREE
utfefguu
 
AI + DevOps = Smart Automation with devseccops.ai.pdf
Devseccops.ai
 
Unlock Efficiency with Insurance Policy Administration Systems
Insurance Tech Services
 
AEM User Group: India Chapter Kickoff Meeting
jennaf3
 
SAP Firmaya İade ABAB Kodları - ABAB ile yazılmıl hazır kod örneği
Salih Küçük
 
Why Businesses Are Switching to Open Source Alternatives to Crystal Reports.pdf
Varsha Nayak
 
ChiSquare Procedure in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
Agentic Automation Journey Series Day 2 – Prompt Engineering for UiPath Agents
klpathrudu
 
The 5 Reasons for IT Maintenance - Arna Softech
Arna Softech
 
Transforming Mining & Engineering Operations with Odoo ERP | Streamline Proje...
SatishKumar2651
 
Ad

Developers Introduction To Lightning

  • 1. Developers Introduction To Lightning From 0 to App [email protected] @ChrisBacon85 Chris Bacon Developer @ Brightgen
  • 2. Forward-Looking Statements Statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with completed and any possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor Information section of our Web site. Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
  • 3. Lightning App • Top level component that contains other components Component • HTML Markup • Lightning Tags (Aura, UI) • Other Components Events • Custom events (Component, Application) Building Blocks
  • 4. Aura Bundle Controller • Javascript controller (treat this as your event handler) Helper • Javascript helper – utility methods for the component CSS • Stylesheet for the bundle Key Components
  • 20. Custom Events Component • Component events will publish to any parent components listening for the event Application • Application events will publish to any component listening for the event Component or Application

Editor's Notes

  • #3: Talk Track Before I begin, just a quick note that you should base your purchasing decisions on products and services that are currently available. Key Takeaway Salesforce is a publicly traded company. Customer should make buying decisions only on the products commercially available.
  • #4: During this session we will look at the following key components used during lightning development and how these components interact with one another Lets have a quick look at these components and get a better understanding of where they fit in I have created a small lightning app which is made up of these key components, lets have a quick look at what that looks like
  • #5: During this session we will look at the following key components used during lightning development and how these components interact with one another Lets have a quick look at these components and get a better understanding of where they fit in I have created a small lightning app which is made up of these key components, lets have a quick look at what that looks like
  • #8: Top level component, which contains 2 other components, the product search and the mycart.
  • #10: Lets have a look at the top of our cmp Just like VF you specify your apex controller for your cmp If you want to include any resources for use within your component you can do that using the ltng require tag Unlike VF development where you specify your variables in your ctrl, in lightning you specify your variables at cmp level Name, Type, Default As I am using a custom lightning event I need to tell the component that we want to use it, we do this by registering the custom event at cmp level
  • #11: Working vars which we specified at the top Searchterm Input field, auraid allows us to grab the element in JS easily, no more jquery selectors Referencing vars using v. Rendered flag in VF is now auraif Lets look at the rest of the component
  • #12: Aura iteration replaces apex:repeat Onclick we want to call the js controller method Add id to the button so we know which product we want to add to our basket Lets have a look at our js controller
  • #14: JS ctrl is nice and simple and simply farms off the requests to our js helper which does the heavy lifting Lets have a quick look at how we search for the products when the user clicks search
  • #16: Grab element using find on auraid – useful if we want to add error messages to the element Grab Value using get Built in utility classes to save us reinventing the wheel isempty Errors is a Standard attribute on UI elements If our value is not empty we want to go and query for our products, lets look at how we make a request server side from our helper
  • #17: Get ref to apex method Set params Ref to helper – this keyword Set a callback action – what we want to happen when the server returns Queue the request on the stack Lets look server side
  • #18: Methods must be aura enabled Not all return types are supported – go and look at documentation Not all Param types are supported – id Lets look at how we handle this response in our helper
  • #19: Get response Check response Get the return value from the server Update our results collection – auto redraws ui Once our results have redrawn we have the option to add to the cart, this is achieved using custom lightning events, lets have a quick look at lightning events
  • #21: I used a application event as the 2 components are at the same level in the tree, lets look at the event
  • #22: Specify application or component Add our attributes We register with product search and listen on cart, lets look at how we now fire that event when adding a product
  • #23: In our cmp we registered the event Button fires event We can get the product id from the event, we have passed to the helper Get the custom event Set the params and fire the event, lets look at how we handle the event on the cart
  • #24: Listner on the cart Pass the event to helper Finish!