SlideShare a Scribd company logo
Build Faster with Base
Lightning Components
Forward-Looking Statement
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.
Go Social!
Salesforce Developers
Salesforce Developers
Salesforce Developers
The video will be posted to YouTube & the
webinar recap page (same URL as registration).
This webinar is being recorded!
@salesforcedevs / #forcewebinar
Agenda
• Components & UI Application Layer
• Component Development
• Piecing it all together
• CODE DEMO
• Component Roadmap
TRUST
SHARED SERVICE
& TOOLS
DATA & EVENTS
FORCE.COM
APEX RUNTIMEAPPLICATION LAYER
Framework
Testing
Instrumentation
SLDS
Navigation
Offline
Accessibility
Locker
Data
EXPERIENCE
COMPONENTS
Salesforce Platform for Sales, Service, Communities and Force
BASE
COMPONENTS
What is the Application layer?
The layer for creating and
customizing CRM
applications on desktop &
mobile for Sales, Service and
Force.
THIS IS HOW WE BUILD
APPLICATIONS BOTH INTERNALLY
AND EXTERNALLY
Components are the building blocks of all Lightning UI
Base Components
The basic building blocks, accessible to
developers through code
Input Button
Badge Avatar Icon Spinner
Tabset and Tab
Experience Components
Composed of Base Components, integrated
component accessible via the App Builder
ButtonButton
Icons
Tabs
Input Rich Text
Lightning pages are made of experience components
Activity
Timeline
Publisher
Tabs
Highlights
Panel
Sales Path
News
Lightning Experience is made up of Lightning Pages
Home
Opportunity
Home
Account
Home
App Builder to Drag & Drop Components
• Customize Lightning Pages
with custom components
• Build Apps with sets of
components
• Customize pages by
– Record Type
– Profile
– App
Component Development
Component Bundle
• .cmp: component markup
• .js: client-side controller
• helper.js: shared functions
• .css: component styles
• .auradoc: component documentation
• .design: app builder config
• .svg: custom icon
• renderer.js: override renderer
Lightning Design System
Consistent User Experience
Salesforce style guides and modern enterprise design
patterns
Auto Styling Updates
Easy migration path with Design Tokens versioned for
each release
Open, Reusable, Fast
Open source framework and reusable HTML code base to
build apps in record time
Development Tools
Dev console Sublime Force IDE
$ slides.stop()
$ console.log( ‘LET’S CODE’ )
Component Roadmap
Winter ‘18
lightning:formattedText
lightning:formattedUrl
lightning:helpText
lightning:input type='color' (color picker)
lightning:inputLocation
lightning:outputField
lightning:path
lightning:picklistPath
lightning:progressBar
lightning:progressIndicator
lightning:radioGroup
lightning:slider
lightning:tree
lightning:verticalNavigation
lightning:verticalNavigationItem
lightning:verticalNavigationItemBadge
lightning:verticalNavigationItemIcon
lightning:verticalNavigationOverflow
lightning:verticalNavigationSection
Base Components:
lightning:accordion
lightning:accordionSection
lightning:buttonIconStateful
lightning:checkboxGroup
lightning:clickToDial
lightning:comboBox
lightning:dataTable
lightning:dualListBox
lightning:dynamicIcon
lightning:fileCard
lightning:fileUpload
lightning:flexipageRegionInfo
lightning:flow
lightning:formattedEmail
lightning:formattedLocation
lightning:formattedPhone
lightning:formattedRichText
Component Roadmap
Winter ‘18
Component Libraries:
lightning:notificationsLibrary
lightning:overlayLibrary
45%
component increase!
Build Faster with Base Lightning Components
Survey
Your feedback is crucial to the success of our
webinar programs. Please fill out the survey at
the end of the webinar. Thank you!
Q & A
Try Trailhead: trailhead.salesforce.com
Join the conversation: @salesforcedevs
Build Faster with Base Lightning Components

More Related Content

What's hot (20)

PDF
Community Cloud: New in Summer ‘18
Salesforce Developers
 
PPTX
Introduction to Apex for Developers
Salesforce Developers
 
PPTX
Build Better Communities with Lightning
Salesforce Developers
 
PDF
#DF17Recap series: Integrate apps easier with the Salesforce platform
Salesforce Developers
 
PPTX
Build Apps Visually with Lightning App Builder
Salesforce Developers
 
PPTX
Snap-in Service to Web and Mobile Apps
Salesforce Developers
 
PPTX
Building apps faster with lightning and winter '17
Salesforce Developers
 
PPTX
AppExchange for Components (General Components Information)
Salesforce Partners
 
PDF
Modern Development with Salesforce DX
Salesforce Developers
 
PDF
Summer '18 Developer Highlights
Salesforce Developers
 
PPTX
Build and Package Lightning Components for Lightning Exchange
Salesforce Developers
 
PPTX
Dreamforce Developer Recap
Salesforce Developers
 
PDF
Lightning Design System and Components for Visualforce Developers
Salesforce Developers
 
PDF
Make Your App Lightning Ready with Winter '17 (December 8, 2016)
Salesforce Partners
 
PPTX
AppExchange for Components First Call Deck
Salesforce Partners
 
PDF
Build Engaging Community Experiences with Community Cloud
Salesforce Developers
 
PPTX
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
PDF
Building Lightning Components for ISVs (Dreamforce 2015)
Salesforce Partners
 
PDF
Introduction to Einstein Bots
Salesforce Developers
 
PPTX
Process Automation on Lightning Platform Workshop
Salesforce Developers
 
Community Cloud: New in Summer ‘18
Salesforce Developers
 
Introduction to Apex for Developers
Salesforce Developers
 
Build Better Communities with Lightning
Salesforce Developers
 
#DF17Recap series: Integrate apps easier with the Salesforce platform
Salesforce Developers
 
Build Apps Visually with Lightning App Builder
Salesforce Developers
 
Snap-in Service to Web and Mobile Apps
Salesforce Developers
 
Building apps faster with lightning and winter '17
Salesforce Developers
 
AppExchange for Components (General Components Information)
Salesforce Partners
 
Modern Development with Salesforce DX
Salesforce Developers
 
Summer '18 Developer Highlights
Salesforce Developers
 
Build and Package Lightning Components for Lightning Exchange
Salesforce Developers
 
Dreamforce Developer Recap
Salesforce Developers
 
Lightning Design System and Components for Visualforce Developers
Salesforce Developers
 
Make Your App Lightning Ready with Winter '17 (December 8, 2016)
Salesforce Partners
 
AppExchange for Components First Call Deck
Salesforce Partners
 
Build Engaging Community Experiences with Community Cloud
Salesforce Developers
 
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
Building Lightning Components for ISVs (Dreamforce 2015)
Salesforce Partners
 
Introduction to Einstein Bots
Salesforce Developers
 
Process Automation on Lightning Platform Workshop
Salesforce Developers
 

Similar to Build Faster with Base Lightning Components (20)

PDF
New Lightning Experience: Build Custom Apps in a Flash
Dreamforce
 
PPTX
Building Apps Faster with Lightning and Winter '17
Mark Adcock
 
PPTX
Salesforce Lightning component framework from 0 to app
Roy Gilad
 
PPTX
Roadmap Lightning Updates (November 3, 2016)
Salesforce Partners
 
PPTX
Best Practices for Lightning Apps
Mark Adcock
 
PPTX
Lightning Developer Experience, Eclipse IDE Evolved
Salesforce Developers
 
PDF
Salesforce: Go Faster with Lightning (DocuSign DevCon)
Mary Scotton
 
PDF
Webinar: Be a Builder! Leverage App Builder to Deliver Innovation
Salesforce Admins
 
PPTX
SD DUG Salesforce Lightning Week
Jeff Douglas
 
PPTX
Build lightning components with salesforce dx
Shashank Srivatsavaya (ShashForce)
 
PDF
Lightning breakout mun world tour 2015 sfsans
Salesforce Deutschland
 
PPTX
Go Faster with Lightning - Overview
Salesforce Developers
 
PDF
Live coding with LWC
Salesforce Developers
 
PDF
Lightning Components: The Future
Salesforce Developers
 
PDF
Get Started with the Lightning Platform
Developer Force
 
PPTX
Modern UI development with Lightning Components - Spanish!
Alba Azcona Rivas
 
PPTX
Trailhead live - Overview of Salesforce App Cloud
John Stevenson
 
PPTX
Developers Introduction To Lightning
Chris Bacon
 
PDF
Webinar: 5 Game Changing Lightning Components on AppExchange
Salesforce Admins
 
PDF
Advanced Lightning Components
Salesforce Developers
 
New Lightning Experience: Build Custom Apps in a Flash
Dreamforce
 
Building Apps Faster with Lightning and Winter '17
Mark Adcock
 
Salesforce Lightning component framework from 0 to app
Roy Gilad
 
Roadmap Lightning Updates (November 3, 2016)
Salesforce Partners
 
Best Practices for Lightning Apps
Mark Adcock
 
Lightning Developer Experience, Eclipse IDE Evolved
Salesforce Developers
 
Salesforce: Go Faster with Lightning (DocuSign DevCon)
Mary Scotton
 
Webinar: Be a Builder! Leverage App Builder to Deliver Innovation
Salesforce Admins
 
SD DUG Salesforce Lightning Week
Jeff Douglas
 
Build lightning components with salesforce dx
Shashank Srivatsavaya (ShashForce)
 
Lightning breakout mun world tour 2015 sfsans
Salesforce Deutschland
 
Go Faster with Lightning - Overview
Salesforce Developers
 
Live coding with LWC
Salesforce Developers
 
Lightning Components: The Future
Salesforce Developers
 
Get Started with the Lightning Platform
Developer Force
 
Modern UI development with Lightning Components - Spanish!
Alba Azcona Rivas
 
Trailhead live - Overview of Salesforce App Cloud
John Stevenson
 
Developers Introduction To Lightning
Chris Bacon
 
Webinar: 5 Game Changing Lightning Components on AppExchange
Salesforce Admins
 
Advanced Lightning Components
Salesforce Developers
 
Ad

More from Salesforce Developers (20)

PDF
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Salesforce Developers
 
PDF
Maximizing Salesforce Lightning Experience and Lightning Component Performance
Salesforce Developers
 
PDF
Local development with Open Source Base Components
Salesforce Developers
 
PPTX
TrailheaDX India : Developer Highlights
Salesforce Developers
 
PDF
Why developers shouldn’t miss TrailheaDX India
Salesforce Developers
 
PPTX
CodeLive: Build Lightning Web Components faster with Local Development
Salesforce Developers
 
PPTX
CodeLive: Converting Aura Components to Lightning Web Components
Salesforce Developers
 
PPTX
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
PDF
Lightning web components - Episode 4 : Security and Testing
Salesforce Developers
 
PDF
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
PDF
Lightning web components episode 2- work with salesforce data
Salesforce Developers
 
PDF
Lightning web components - Episode 1 - An Introduction
Salesforce Developers
 
PDF
Migrating CPQ to Advanced Calculator and JSQCP
Salesforce Developers
 
PDF
Scale with Large Data Volumes and Big Objects in Salesforce
Salesforce Developers
 
PDF
Replicate Salesforce Data in Real Time with Change Data Capture
Salesforce Developers
 
PDF
Get Into Lightning Flow Development
Salesforce Developers
 
PDF
Integrate CMS Content Into Lightning Communities with CMS Connect
Salesforce Developers
 
PDF
Introduction to MuleSoft
Salesforce Developers
 
PDF
Modern App Dev: Modular Development Strategies
Salesforce Developers
 
PDF
Vs Code for Salesforce Developers
Salesforce Developers
 
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Salesforce Developers
 
Maximizing Salesforce Lightning Experience and Lightning Component Performance
Salesforce Developers
 
Local development with Open Source Base Components
Salesforce Developers
 
TrailheaDX India : Developer Highlights
Salesforce Developers
 
Why developers shouldn’t miss TrailheaDX India
Salesforce Developers
 
CodeLive: Build Lightning Web Components faster with Local Development
Salesforce Developers
 
CodeLive: Converting Aura Components to Lightning Web Components
Salesforce Developers
 
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
Lightning web components - Episode 4 : Security and Testing
Salesforce Developers
 
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
Lightning web components episode 2- work with salesforce data
Salesforce Developers
 
Lightning web components - Episode 1 - An Introduction
Salesforce Developers
 
Migrating CPQ to Advanced Calculator and JSQCP
Salesforce Developers
 
Scale with Large Data Volumes and Big Objects in Salesforce
Salesforce Developers
 
Replicate Salesforce Data in Real Time with Change Data Capture
Salesforce Developers
 
Get Into Lightning Flow Development
Salesforce Developers
 
Integrate CMS Content Into Lightning Communities with CMS Connect
Salesforce Developers
 
Introduction to MuleSoft
Salesforce Developers
 
Modern App Dev: Modular Development Strategies
Salesforce Developers
 
Vs Code for Salesforce Developers
Salesforce Developers
 
Ad

Recently uploaded (20)

PDF
Unlock Efficiency with Insurance Policy Administration Systems
Insurance Tech Services
 
PPTX
3uTools Full Crack Free Version Download [Latest] 2025
muhammadgurbazkhan
 
PDF
Powering GIS with FME and VertiGIS - Peak of Data & AI 2025
Safe Software
 
PDF
Thread In Android-Mastering Concurrency for Responsive Apps.pdf
Nabin Dhakal
 
PDF
Capcut Pro Crack For PC Latest Version {Fully Unlocked} 2025
hashhshs786
 
PPTX
MailsDaddy Outlook OST to PST converter.pptx
abhishekdutt366
 
PDF
Automate Cybersecurity Tasks with Python
VICTOR MAESTRE RAMIREZ
 
PDF
Revenue streams of the Wazirx clone script.pdf
aaronjeffray
 
PDF
MiniTool Partition Wizard 12.8 Crack License Key LATEST
hashhshs786
 
PDF
Efficient, Automated Claims Processing Software for Insurers
Insurance Tech Services
 
PDF
vMix Pro 28.0.0.42 Download vMix Registration key Bundle
kulindacore
 
PPTX
Revolutionizing Code Modernization with AI
KrzysztofKkol1
 
PPTX
Tally software_Introduction_Presentation
AditiBansal54083
 
PPTX
Migrating Millions of Users with Debezium, Apache Kafka, and an Acyclic Synch...
MD Sayem Ahmed
 
PPTX
Feb 2021 Cohesity first pitch presentation.pptx
enginsayin1
 
PPTX
Equipment Management Software BIS Safety UK.pptx
BIS Safety Software
 
PPTX
The Role of a PHP Development Company in Modern Web Development
SEO Company for School in Delhi NCR
 
PPT
MergeSortfbsjbjsfk sdfik k
RafishaikIT02044
 
PDF
GetOnCRM Speeds Up Agentforce 3 Deployment for Enterprise AI Wins.pdf
GetOnCRM Solutions
 
PDF
유니티에서 Burst Compiler+ThreadedJobs+SIMD 적용사례
Seongdae Kim
 
Unlock Efficiency with Insurance Policy Administration Systems
Insurance Tech Services
 
3uTools Full Crack Free Version Download [Latest] 2025
muhammadgurbazkhan
 
Powering GIS with FME and VertiGIS - Peak of Data & AI 2025
Safe Software
 
Thread In Android-Mastering Concurrency for Responsive Apps.pdf
Nabin Dhakal
 
Capcut Pro Crack For PC Latest Version {Fully Unlocked} 2025
hashhshs786
 
MailsDaddy Outlook OST to PST converter.pptx
abhishekdutt366
 
Automate Cybersecurity Tasks with Python
VICTOR MAESTRE RAMIREZ
 
Revenue streams of the Wazirx clone script.pdf
aaronjeffray
 
MiniTool Partition Wizard 12.8 Crack License Key LATEST
hashhshs786
 
Efficient, Automated Claims Processing Software for Insurers
Insurance Tech Services
 
vMix Pro 28.0.0.42 Download vMix Registration key Bundle
kulindacore
 
Revolutionizing Code Modernization with AI
KrzysztofKkol1
 
Tally software_Introduction_Presentation
AditiBansal54083
 
Migrating Millions of Users with Debezium, Apache Kafka, and an Acyclic Synch...
MD Sayem Ahmed
 
Feb 2021 Cohesity first pitch presentation.pptx
enginsayin1
 
Equipment Management Software BIS Safety UK.pptx
BIS Safety Software
 
The Role of a PHP Development Company in Modern Web Development
SEO Company for School in Delhi NCR
 
MergeSortfbsjbjsfk sdfik k
RafishaikIT02044
 
GetOnCRM Speeds Up Agentforce 3 Deployment for Enterprise AI Wins.pdf
GetOnCRM Solutions
 
유니티에서 Burst Compiler+ThreadedJobs+SIMD 적용사례
Seongdae Kim
 

Build Faster with Base Lightning Components

  • 1. Build Faster with Base Lightning Components
  • 2. Forward-Looking Statement 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. Go Social! Salesforce Developers Salesforce Developers Salesforce Developers The video will be posted to YouTube & the webinar recap page (same URL as registration). This webinar is being recorded! @salesforcedevs / #forcewebinar
  • 4. Agenda • Components & UI Application Layer • Component Development • Piecing it all together • CODE DEMO • Component Roadmap
  • 5. TRUST SHARED SERVICE & TOOLS DATA & EVENTS FORCE.COM APEX RUNTIMEAPPLICATION LAYER Framework Testing Instrumentation SLDS Navigation Offline Accessibility Locker Data EXPERIENCE COMPONENTS Salesforce Platform for Sales, Service, Communities and Force BASE COMPONENTS
  • 6. What is the Application layer? The layer for creating and customizing CRM applications on desktop & mobile for Sales, Service and Force. THIS IS HOW WE BUILD APPLICATIONS BOTH INTERNALLY AND EXTERNALLY
  • 7. Components are the building blocks of all Lightning UI Base Components The basic building blocks, accessible to developers through code Input Button Badge Avatar Icon Spinner Tabset and Tab Experience Components Composed of Base Components, integrated component accessible via the App Builder ButtonButton Icons Tabs Input Rich Text
  • 8. Lightning pages are made of experience components Activity Timeline Publisher Tabs Highlights Panel Sales Path News
  • 9. Lightning Experience is made up of Lightning Pages Home Opportunity Home Account Home
  • 10. App Builder to Drag & Drop Components • Customize Lightning Pages with custom components • Build Apps with sets of components • Customize pages by – Record Type – Profile – App
  • 12. Component Bundle • .cmp: component markup • .js: client-side controller • helper.js: shared functions • .css: component styles • .auradoc: component documentation • .design: app builder config • .svg: custom icon • renderer.js: override renderer
  • 13. Lightning Design System Consistent User Experience Salesforce style guides and modern enterprise design patterns Auto Styling Updates Easy migration path with Design Tokens versioned for each release Open, Reusable, Fast Open source framework and reusable HTML code base to build apps in record time
  • 14. Development Tools Dev console Sublime Force IDE
  • 15. $ slides.stop() $ console.log( ‘LET’S CODE’ )
  • 17. lightning:formattedText lightning:formattedUrl lightning:helpText lightning:input type='color' (color picker) lightning:inputLocation lightning:outputField lightning:path lightning:picklistPath lightning:progressBar lightning:progressIndicator lightning:radioGroup lightning:slider lightning:tree lightning:verticalNavigation lightning:verticalNavigationItem lightning:verticalNavigationItemBadge lightning:verticalNavigationItemIcon lightning:verticalNavigationOverflow lightning:verticalNavigationSection Base Components: lightning:accordion lightning:accordionSection lightning:buttonIconStateful lightning:checkboxGroup lightning:clickToDial lightning:comboBox lightning:dataTable lightning:dualListBox lightning:dynamicIcon lightning:fileCard lightning:fileUpload lightning:flexipageRegionInfo lightning:flow lightning:formattedEmail lightning:formattedLocation lightning:formattedPhone lightning:formattedRichText Component Roadmap Winter ‘18 Component Libraries: lightning:notificationsLibrary lightning:overlayLibrary 45% component increase!
  • 19. Survey Your feedback is crucial to the success of our webinar programs. Please fill out the survey at the end of the webinar. Thank you!
  • 20. Q & A Try Trailhead: trailhead.salesforce.com Join the conversation: @salesforcedevs