#ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide
•Download as PPTX, PDF•
0 likes•544 views
Join us for another #ImpactSalesforceSaturday, a series of online Salesforce Saturday sessions. We invite all – Developers – Administrators – Group Leaders – Consultants with advanced, intermediate or beginner level knowledge on Salesforce(Sales Cloud, Service Cloud, Pardot, Marketing Cloud, IOT, CPQ, Einstein, etc). Topic: Lightning Components 101: An Apex Developer’s Guide Date and Time: Saturday, May 30, 2020 11:00 AM to 12:00 PM IST (Friday, May 29th, 2020, 10:30 PM to 11:30 PM PST) Speaker: Adam Olshansky Adam is a Salesforce MVP, Salesforce Engineer at Google, 14X Certified, 6X Trailhead Ranger, RAD Women coach and Community Speaker. Agenda: 1. Intro and Background 2. What are Components 3. Comparison of Apex vs LWC 4. LWC Deep Dive 5. Recap and Next Steps
Recommended
More Related Content
What's hot
What's hot (20)
Similar to #ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide
Similar to #ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide (20)
More from New Delhi Salesforce Developer Group
More from New Delhi Salesforce Developer Group (20)
Recently uploaded
Recently uploaded (20)
#ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s Guide
- 1. Lightning Components 101 An Apex Developer’s Guide Salesforce Engineer, Adam Olshansky
- 2. New Delhi Salesforce DG • First Revival Meetup in February 2016 • Twitter: https://twitter.com/newdelhisfdcdug • Hashtag: #ImpactSalesforceSaturday • New Delhi Salesforce DG Trailblazer Community Group: http://bit.ly/NewDelhiCommunity • Website: https://newdelhisfdcdug.com
- 3. Mentorship Central • We are dedicated to matching Mentees seeking specific Salesforce goals with Mentors • Sign up as a Mentor or Mentee and connect with other Mentors/Mentees • http://bit.ly/SFMentorshipCentral
- 4. 630 14X Adam Olshansky Salesforce Engineer, Google @adam17amo adam@adamtoarchitect.com bit.ly/lightningmigration Speaker Logo
- 5. धन्यवाद
- 6. Developing a fear of heights Further up the Mountain Front end JavaScript Client side Shadow DOM Callback hell
- 7. Front End Language Usage Stack Overflow Developer Survey, 2019 • 72,000+ responses 7th Year in a Row for JavaScript
- 8. Quarterly Data • JavaScript is 20%+ of all requests Apex is 39th JavaScript #1 in GitHub Pull Requests since 2013
- 9. A Little Overwhelming Backend is safe
- 10. Expectations You’re an Apex Developer Can’t learn JavaScript in 40 mins Understand common patterns Gain confidence to start building components The First Step
- 11. Agenda 1. Apex Overview 2. Components 3. VF vs. Lightning Web Components 4. Lightning Web Components 5. Summary and Step 2
- 12. Apex Overview Review of what we know
- 13. Apex Overview Bread and Butter Triggers Classes/ Controllers Variables Methods Parameters Return values Events
- 14. Async Apex Wait for resources Batchable
- 15. MVC Model HTML style tags Bind Variables Bind Methods Button based UI Visualforce
- 16. Governor limits Button click based Poor Performance Hacky solutions Limitations Apex and VF Gaps
- 17. A New Programming Model MVC++
- 18. Customer Driven Paradigm Shift August 2015 September 2007 January 2019
- 19. Everything on the Server Where We Were - MVC
- 20. Client vs. Server Moving to client side - MVCC
- 21. What is a “Lightning Component”? Container for multiple files Aura Lightning Web Component UI Controller CSS XML Metadata Helper Documentation Design SVG
- 22. What’s Old With Components? Many similar things UI Components Event based code Bind variables Calling methods Multiple files used
- 23. UI Components Old Framework New Names <apex> LWC Framework <html>, <lightning>, <c>
- 24. Event Based Code Old Framework New Names before insert, after update LWC Framework onchange, onclick
- 25. Bind Variables Old Framework Similar Syntax {!variable} LWC Framework {variable}
- 26. Bind Methods Old Framework Similar Syntax {!methodName} LWC Framework {methodName} or custom
- 27. Multiple Files Old Framework Similar to before VF Page, Apex Controller, Apex Helper LWC Framework HTML, JS Controller, Apex Controller
- 28. Let’s Compare VF vs. LWC
- 33. What did we just see? Component markup Code running based on events Variable and method bindings Controller part of the bundle No Apex
- 34. Lightning Web Components Embrace Standards
- 37. New with Web Components! More to Learn Industry Standards Logic in one spot Multiple Apex Controllers Decorators
- 38. DEMO TIME Focus on Concepts
- 48. Apex
- 51. What did we just see? Component markup Variable and Method bindings Decorators • @track – private + rerender • @api – public + rerender • @wire – wired to method Importing from anywhere A lot of old, a little new Not so scary after all
- 52. Recap How to take Step 2
- 53. Recap Web development already popular Salesforce evolves to meet demands Front end has similarities to backend LWC are the present and future This is Step 1
- 54. Salesforce Resources Component Libraries • https://developer.salesforce.com/docs/component-library Sample Gallery • https://trailhead.salesforce.com/sample-gallery Lightning Web Components • https://lwc.dev Trailmix • https://sfdc.co/lwc Resources from Salesforce Instructor • https://bit.ly/aura2lwc
- 55. Style – Lightning Design System SLDS • https://lightningdesignsystem.com Add styling without writing CSS Utilities Icons and Classes Step 3
- 57. Follow & Join New Delhi Salesforce DG • Join to know about future events and to RSVP: https://trailblazercommunitygroups.com/delhi-in-developers-group/ • Let’s start conversations on Success Community: http://bit.ly/NewDelhiCommunity • Follow us on Twitter: https://twitter.com/newdelhisfdcdug • Hashtag: #ImpactSalesforceSaturday • Follow us on Facebook: https://www.facebook.com/newdelhisfdcdug • For all the content: https://newdelhisfdcdug.com