Building Lightning Components for ISVs (Dreamforce 2015)

26
Building Lightning Components for ISVs William Yeh ISV Technical Evangelist [email protected] @wwilliam89 In/yehwilliam Build. Use. Repeat.

Transcript of Building Lightning Components for ISVs (Dreamforce 2015)

Page 1: Building Lightning Components for ISVs (Dreamforce 2015)

Building Lightning Components for ISVs

 William Yeh  ISV Technical Evangelist  [email protected]  @wwilliam89  In/yehwilliam  

Build. Use. Repeat.

Page 2: Building Lightning Components for ISVs (Dreamforce 2015)

 Safe harbor 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.

Safe Harbor

Page 3: Building Lightning Components for ISVs (Dreamforce 2015)

  What are Lightning Components?

  Examples of Lightning Components

  Demo – making a Lightning Component

  Partner Lightning Component Demo

  Q&A

Agenda

Page 4: Building Lightning Components for ISVs (Dreamforce 2015)

Introducing: Salesforce Lightning  A New Way to Deliver Engaging Enterprise Apps

Lightning Components Lightning App Builder AppExchange for Components

Page 5: Building Lightning Components for ISVs (Dreamforce 2015)

What are Lightning Components?  Overview and Key Features

§  Part of the Salesforce Lightning framework

§  Are Self-contained and reusable functional units of an app

§ Reusable section of the UI

§ Rendered as HTML DOM elements in browsers

§  Exposes their Definitions

§ Attributes passing

§  Has a Encapsulated Implementation

§ Component Bundle

§  HTML,CSS & Javascript

§  Communicate with Events

Page 6: Building Lightning Components for ISVs (Dreamforce 2015)

Components are building blocks  For apps, pages, and fields

Whole apps Custom Tabs In existing apps

Custom Fields Replace existing fields

Coming soon

Page 7: Building Lightning Components for ISVs (Dreamforce 2015)

Examples of components

Dynamic Map Slider Signature

Capture

Custom List View

Calendar Dynamic Chart

Page 8: Building Lightning Components for ISVs (Dreamforce 2015)

 APEX

 On the Server Side

 JAVASCRIPT

 On the Client Side

Lightning Components Architecture  Component Behavior

Page 9: Building Lightning Components for ISVs (Dreamforce 2015)

Where you can use Lightning Components?

§  Standalone Applications

§  Independent of SF1

§  Lightning Components for Salesforce1

§  Individually

§  In combination with others by Lightning App Builder

§  Customize Salesforce1 with Lightning Extensions (Pilot)

§ Override SF1 tabs and fields with your own component

§  Lightning Experience (Coming Soon)

 Components Usage

Page 10: Building Lightning Components for ISVs (Dreamforce 2015)

Drag & Drop Build with standard and custom Lightning Components

Any Device Design apps for every screen from one canvas

Empower Everyone with the Lightning App Builder  Now Anyone Can Build Apps for Every Device

Page 11: Building Lightning Components for ISVs (Dreamforce 2015)

App Builder Demo

Page 12: Building Lightning Components for ISVs (Dreamforce 2015)

Introducing AppExchange for Components  The Enterprise Marketplace for Lightning Components

Build More Engaging Apps Use the best pre-built components in your apps

Build apps easily With pre-built Components from Salesforce partners that work for any device

Deliver apps faster Use Components from AppExchange with your own custom-built Components

Page 13: Building Lightning Components for ISVs (Dreamforce 2015)

Building your first Lightning Component

Page 14: Building Lightning Components for ISVs (Dreamforce 2015)

Customizations, Visualforce, and Lightning Components

Page 15: Building Lightning Components for ISVs (Dreamforce 2015)

Visualforce and Lightning work together  Visualforce will always be supported. Start planning for Lightning.

 Use Visualforce in a Lightning Component

 Migrate to Visualforce to Components

Lightning Component

Visualforce

Visualforce as an iframe

Visualforce Lightning

Component

Lightning Components will have the same functionality as Visualforce

Coming soon

2. 3.

Lightning Component

Visualforce

“Lightning for Visualforce” Winter ‘16

1.  Use Lightning

Components in Visualforce

Page 16: Building Lightning Components for ISVs (Dreamforce 2015)

How to get started today?  Use Visualforce, planning to componentize later

Visualforce Component

Visualforce Component

<apex:page>

</apex:page>

<aura:application>

</aura:application>

Lightning Component

Lightning Component

Lightning Component

Lightning App Visualforce

Componentize key elements over time Run components in Visualforce

When fully componentized, convert to a Lightning App

Page 17: Building Lightning Components for ISVs (Dreamforce 2015)

Partner Demo Lightning Component

Marc Friedman CEO @ Cadalys [email protected] @Cadalys

Page 18: Building Lightning Components for ISVs (Dreamforce 2015)

Next Steps

§  Get out & Build a Lightning Component

§  Start thinking what use cases you could include in your solution

§  Add them to your Roadmap

§  Check out the next session - ISV Tech Talk: Distributing Lightning Components by my teammate Cliff Armstrong §  Tips: Security Review, Distribution, and build your listing

§  Talk to your TEs if you’d like to learn more about any upcoming pilots

Page 19: Building Lightning Components for ISVs (Dreamforce 2015)

Useful Resources AppExchange For Components appexchange.salesforce.com/components

 Lightning Components Success Community

 Lightning App Builder Trailhead

 Lightning Components Trailhead  Quick Start, Cheat Sheet & Developer Guide in the Dev Zone

Page 20: Building Lightning Components for ISVs (Dreamforce 2015)

Share Your Feedback, and Win a GoPro!

3 Earn a GoPro prize entry for each completed survey

Tap the bell to take a survey 2Enroll in a session 1

Page 21: Building Lightning Components for ISVs (Dreamforce 2015)

Partner Community  Your one-stop shop for education and engagement

http://partners.salesforce.com/

•  Partner Program Details

•  Communications

•  Training

•  Leads, Opportunities, & Projects

•  AppExchange Publishing

•  Webinars & Recordings

•  Office Hours

•  Sales & Marketing Resources

•  Technical Support

Page 22: Building Lightning Components for ISVs (Dreamforce 2015)

Looking for the Partner Session Replays and Slides?  See the Partner Community Calendar – September 15-18, 2015

http://p.force.com/calendar

Page 23: Building Lightning Components for ISVs (Dreamforce 2015)

New ISV Module on Trailhead  Earn your badge!

https://trailhead.salesforce.com/module/isvforce_basics

Page 24: Building Lightning Components for ISVs (Dreamforce 2015)

Get into the Zone: The Partner Zone!

:: Partner Community Theater :: Live feeds of the major Keynotes :: Free lunch served daily! :: Concierge :: Tech Expert Bar :: Partner Program Staff :: Charging stations :: Featured Partner Services :: Coffee Bar :: Prize Giveaways Daily partner networking events – 3:00pm - 5:00pm •  Tuesday, Sept 15 – Luau Theme •  Wednesday, Sept 16 – Global Theme •  Thursday, Sept 17 – Fiesta Theme

Page 25: Building Lightning Components for ISVs (Dreamforce 2015)

Q&A

Marc Friedman

@Cadalys

William Yeh

@wwilliam89

http://appexchange.salesforce.com/components

Page 26: Building Lightning Components for ISVs (Dreamforce 2015)

Thank you