SlideShare a Scribd company logo
Lightning Web Components
Episode 5 – Live Coding with LWC
April 12, 2019 | 11:00 a.m. IST
Satya Sekhar
Sr. Developer Evangelist
Salesforce
Shashank Srivatsavaya
APAC Head, Developer
Relations, Salesforce
Aditya Naag Topalli
Sr. Developer Evangelist
Salesforce
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
Have Questions?
● Don’t wait until the end to ask your question!
● Technical support will answer questions starting now.
● Respect Q&A etiquette
● Please don’t repeat questions. The support team is working their
way down the queue.
● Stick around for live Q&A at the end
● Speakers will tackle more questions at the end, time-allowing
● Head to Developer Forums
● More questions? Visit developer.salesforce.com/forums
Series Highlights
• LWC Anatomy
• Component Library and Playground
• Developer Tooling
• Base Lightning Components
• Working with Salesforce Data
• Inter-Component Communication
• Aura Interoperability
• Static resources and custom/3rd party JavaScript
• Debugging
• Testing with Jest
Agenda
Let’s build Lightning web components for a business use case
Requirements
User Story
• As a sales representative, I should be able to find the nearest
restaurants based on a contact’s address, so that I can schedule a
Lunch/Dinner appointment with that contact
• Once I select a restaurant, I should be able to see the restaurant’s
location on a map in the contact’s record page
• I should be able to select a date and time to fix an appointment with
the contact at the selected restaurant
How it should look like
Contact Record Page
Contact Details
The current contact page
Component breakup
nearestRestaurants (LWC)
appointments (Existing Aura) bookAppointment (New LWC)
Implementation
Get Hands On with a Trailmix!
sforce.co/lwcModern Javascript
Developement
Q & A
Try Trailhead: trailhead.salesforce.com
Join the conversation: @salesforcedevs
Join Trailblazer Community Group: bit.ly/webinarinapac
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!
Live coding with LWC

More Related Content

What's hot (20)

PPTX
Integrating with salesforce
Mark Adcock
 
PDF
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
PPT
Salesforce Integration
Joshua Hoskins
 
PPTX
Lightning web components - Introduction, component Lifecycle, Events, decorat...
Nidhi Sharma
 
PDF
Lightning web components - Episode 4 : Security and Testing
Salesforce Developers
 
PPTX
Introduction to Lightning Web Component
SmritiSharan1
 
PPTX
Intro to Salesforce Lightning Web Components (LWC)
Roy Gilad
 
PDF
Salesforce Release Management - Best Practices and Tools for Deployment
Salesforce Developers
 
PPTX
Salesforce Integration Pattern Overview
Dhanik Sahni
 
PDF
Development Best Practices
Salesforce Partners
 
PPTX
Getting Started with Lightning Web Components | LWC | Salesforce
Rahul Malhotra
 
PDF
From Sandbox To Production: An Introduction to Salesforce Release Management
Salesforce Developers
 
PPTX
Introduction to Spring Framework
Serhat Can
 
PPTX
Introduction to Apex for Developers
Salesforce Developers
 
PDF
Understanding the Salesforce Architecture: How We Do the Magic We Do
Salesforce Developers
 
PDF
Salesforce Interview Questions And Answers | Salesforce Tutorial | Salesforce...
Edureka!
 
PDF
Best Practices for Team Development in a Single Org
Salesforce Developers
 
PPTX
Integrating with salesforce using platform events
Amit Chaudhary
 
PPTX
Introduction to lightning web component
Sudipta Deb ☁
 
PPTX
Lightning Component - Components, Actions and Events
Durgesh Dhoot
 
Integrating with salesforce
Mark Adcock
 
LWC Episode 3- Component Communication and Aura Interoperability
Salesforce Developers
 
Salesforce Integration
Joshua Hoskins
 
Lightning web components - Introduction, component Lifecycle, Events, decorat...
Nidhi Sharma
 
Lightning web components - Episode 4 : Security and Testing
Salesforce Developers
 
Introduction to Lightning Web Component
SmritiSharan1
 
Intro to Salesforce Lightning Web Components (LWC)
Roy Gilad
 
Salesforce Release Management - Best Practices and Tools for Deployment
Salesforce Developers
 
Salesforce Integration Pattern Overview
Dhanik Sahni
 
Development Best Practices
Salesforce Partners
 
Getting Started with Lightning Web Components | LWC | Salesforce
Rahul Malhotra
 
From Sandbox To Production: An Introduction to Salesforce Release Management
Salesforce Developers
 
Introduction to Spring Framework
Serhat Can
 
Introduction to Apex for Developers
Salesforce Developers
 
Understanding the Salesforce Architecture: How We Do the Magic We Do
Salesforce Developers
 
Salesforce Interview Questions And Answers | Salesforce Tutorial | Salesforce...
Edureka!
 
Best Practices for Team Development in a Single Org
Salesforce Developers
 
Integrating with salesforce using platform events
Amit Chaudhary
 
Introduction to lightning web component
Sudipta Deb ☁
 
Lightning Component - Components, Actions and Events
Durgesh Dhoot
 

Similar to Live coding with LWC (20)

PPTX
CodeLive: Converting Aura Components to Lightning Web Components
Salesforce Developers
 
PDF
Build Engaging Community Experiences with Community Cloud
Salesforce Developers
 
PDF
Code live with Brian Kwong - Visualforce to Lwc
JackGuo20
 
PPTX
Build Better Communities with Lightning
Salesforce Developers
 
PPTX
Building apps faster with lightning and winter '17
Salesforce Developers
 
PPTX
Building Apps Faster with Lightning and Winter '17
Mark Adcock
 
PPTX
Lightning Updates: Summer, Winter & Beyond
Salesforce Developers
 
PPTX
CodeLive: Build Lightning Web Components faster with Local Development
Salesforce Developers
 
PDF
#DF17Recap series: Integrate apps easier with the Salesforce platform
Salesforce Developers
 
PPTX
#Df17 Recap Series Build Apps Faster with the Salesforce Platform
Salesforce Developers
 
PPTX
Build Faster with Base Lightning Components
Salesforce Developers
 
PPTX
Build custom user interfaces for your Salesforce data with the UI API
Salesforce Developers
 
PDF
Einstein Analytics for Developers
Salesforce Developers
 
PDF
アドバンスドLightningコンポーネント:品質の高いコンポーネント開発のためのTips
Salesforce Developers Japan
 
PPTX
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
PPTX
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
PDF
Preview: Local Development for Lightning Web Components
Developer Force
 
PDF
Lightning for Salesforce Admins
Salesforce Admins
 
PDF
Lightning Platform Product Managers: Ask Us Anything!
Salesforce Developers
 
PPTX
Webinar: Integrating Salesforce and Slack (05 12-16)
Salesforce Developers
 
CodeLive: Converting Aura Components to Lightning Web Components
Salesforce Developers
 
Build Engaging Community Experiences with Community Cloud
Salesforce Developers
 
Code live with Brian Kwong - Visualforce to Lwc
JackGuo20
 
Build Better Communities with Lightning
Salesforce Developers
 
Building apps faster with lightning and winter '17
Salesforce Developers
 
Building Apps Faster with Lightning and Winter '17
Mark Adcock
 
Lightning Updates: Summer, Winter & Beyond
Salesforce Developers
 
CodeLive: Build Lightning Web Components faster with Local Development
Salesforce Developers
 
#DF17Recap series: Integrate apps easier with the Salesforce platform
Salesforce Developers
 
#Df17 Recap Series Build Apps Faster with the Salesforce Platform
Salesforce Developers
 
Build Faster with Base Lightning Components
Salesforce Developers
 
Build custom user interfaces for your Salesforce data with the UI API
Salesforce Developers
 
Einstein Analytics for Developers
Salesforce Developers
 
アドバンスドLightningコンポーネント:品質の高いコンポーネント開発のためのTips
Salesforce Developers Japan
 
TrailheaDX and Summer '19: Developer Highlights
Salesforce Developers
 
Enterprise-grade UI with open source Lightning Web Components
Salesforce Developers
 
Preview: Local Development for Lightning Web Components
Developer Force
 
Lightning for Salesforce Admins
Salesforce Admins
 
Lightning Platform Product Managers: Ask Us Anything!
Salesforce Developers
 
Webinar: Integrating Salesforce and Slack (05 12-16)
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
 
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
Modern Development with Salesforce DX
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
 
PPTX
Dreamforce Developer Recap
Salesforce Developers
 
PDF
Vs Code for Salesforce Developers
Salesforce Developers
 
PDF
Vs Code for Salesforce Developers
Salesforce Developers
 
PDF
Manage Massive Datasets with Big Objects & Async SOQL
Salesforce Developers
 
PDF
Introduction to Einstein Bots
Salesforce Developers
 
PDF
Introduction to MuleSoft Anytime Platform
Salesforce Developers
 
PDF
Developing Smarter Apps with Einstein Platform Services
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
 
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
 
Modern Development with Salesforce DX
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
 
Dreamforce Developer Recap
Salesforce Developers
 
Vs Code for Salesforce Developers
Salesforce Developers
 
Vs Code for Salesforce Developers
Salesforce Developers
 
Manage Massive Datasets with Big Objects & Async SOQL
Salesforce Developers
 
Introduction to Einstein Bots
Salesforce Developers
 
Introduction to MuleSoft Anytime Platform
Salesforce Developers
 
Developing Smarter Apps with Einstein Platform Services
Salesforce Developers
 
Ad

Recently uploaded (20)

PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PDF
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
PDF
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
PDF
Staying Human in a Machine- Accelerated World
Catalin Jora
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PPTX
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
PDF
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PDF
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
Staying Human in a Machine- Accelerated World
Catalin Jora
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 

Live coding with LWC

  • 1. Lightning Web Components Episode 5 – Live Coding with LWC April 12, 2019 | 11:00 a.m. IST Satya Sekhar Sr. Developer Evangelist Salesforce Shashank Srivatsavaya APAC Head, Developer Relations, Salesforce Aditya Naag Topalli Sr. Developer Evangelist Salesforce
  • 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
  • 4. Have Questions? ● Don’t wait until the end to ask your question! ● Technical support will answer questions starting now. ● Respect Q&A etiquette ● Please don’t repeat questions. The support team is working their way down the queue. ● Stick around for live Q&A at the end ● Speakers will tackle more questions at the end, time-allowing ● Head to Developer Forums ● More questions? Visit developer.salesforce.com/forums
  • 5. Series Highlights • LWC Anatomy • Component Library and Playground • Developer Tooling • Base Lightning Components • Working with Salesforce Data • Inter-Component Communication • Aura Interoperability • Static resources and custom/3rd party JavaScript • Debugging • Testing with Jest
  • 6. Agenda Let’s build Lightning web components for a business use case
  • 8. User Story • As a sales representative, I should be able to find the nearest restaurants based on a contact’s address, so that I can schedule a Lunch/Dinner appointment with that contact • Once I select a restaurant, I should be able to see the restaurant’s location on a map in the contact’s record page • I should be able to select a date and time to fix an appointment with the contact at the selected restaurant
  • 9. How it should look like
  • 12. Component breakup nearestRestaurants (LWC) appointments (Existing Aura) bookAppointment (New LWC)
  • 14. Get Hands On with a Trailmix! sforce.co/lwcModern Javascript Developement
  • 15. Q & A Try Trailhead: trailhead.salesforce.com Join the conversation: @salesforcedevs Join Trailblazer Community Group: bit.ly/webinarinapac
  • 16. 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!