Download as PDF, PPTX
Uploaded byNishant Singh Panwar
Lightning Web Components- Ep 0 - Introduction
This document provides an agenda for a 5-day virtual learning series on Lightning Web Components (LWC). Day 1 covers introductions to LWC framework and benefits, environment setup in Salesforce, and building a basic "HelloWorld" component. Attendees are invited to upcoming sessions on additional LWC topics like decorators, lifecycle hooks, data binding, conditional rendering, and working with Salesforce data. Questions can be posted at the provided link. Instructors for the series include Nishant Singh Panwar and Sahil Batra who have experience building and training on Salesforce.
Lightning Web Components- Ep 0 - Introduction
- 1. Welcome to ourvirtual learning series Letterkenny, Ireland Developers Group Learn Lightning Web Components in 5 Days Lk_Sf_Devs LkTrailblazers Day 1 - Introduction
- 3. Nishant Singh Panwar CommunityGroup Leader Salesforce Developer and Consultant ● 6 Years of Salesforce Implementation Experience ● 8x Salesforce Certified - Application Architect UDAIPUR Nishant_SP
- 4.
- 5. Sahil Batra (Director@ MTX Group Inc.) Industry Experience Having 9 year of experience in IT Industry and 6 years in Salesforce ecosystem.Started my Salesforce career as Developer and have played various roles like Technical Lead , Technical Architect and Corporate Trainer. Professional Highlights ● Manage Salesforce trainings and certifications. ● Work as Technical Architect / Principal Developer on Projects. ● Hold 5 Salesforce Certifications and 1 Google certification. ● Conducted Training in India, US , Australia and UK. ● Trained 500+ freshers and 300+ lateral folks in Salesforce. ● Trained 800+ students and 250+ faculty members. Email : sahilbatraa@gmail.com Twitter : sahilbatraa18
- 6. What is LWC? ● Modern lightweight framework to develop Lightning web components ● Built on Web Standards ● Deliver better performance ● Compatible with Aura
- 7.
- 8. 2014 Web Stack ●More framework , Less Web Standards ● Lightning Components framework was built on Aura
- 9. 2019 Web Stack ●Less Framework , More Web Standards.
- 10.
- 11. Benefits of LWC ●More Standard and less framework ● Better Performance ● Easy to learn ● Easy to ramp up developers ● Better browser compatibility ● Common/Service Component Model
- 12. Aura & LWCInteroperability
- 13. Topics covered sofar ● Introduction to LWC ● Why LWC ? ● 2014 Web Stack ● 2019 Web Stack ● LWC Framework ● Benefits of LWC ● Aura and LWC Interoperability
- 14. Environment Setup ● CreateDeveloper Edition Org - https://developer.salesforce.com/ ● Enable Domain in your Org ● Download VS Code - https://code.visualstudio.com/download ● Connect Salesforce with VS code
- 15. Lightning Web ComponentBundle ● HTML ● CSS ● Javascript ● SVG ● XML File DemoComponent ● demoComponent.html ● demoComponent.css ● demoComponent.js ● demoComponent.svg ● demoComponent.js-meta.xml Naming Rules ● Begin with lowercase ● Contain only alphanumeric or underscore ● Do not include whitespace ● Do not end with underscore ● Can't contain hyphen ● Can't contain 2 consecutive underscore
- 16. Build your FirstComponent Demo : HelloWorld Component
- 17. Applying CSS toWeb Component Demo : Applying CSS Component
- 18. Data Binding Demo :Data Binding from JS Class to Web Component
- 19. Conditional Rendering Demo :Conditional Rendering if:true | false = {property}
- 20. Loop & Iteration ●for:each ● for:item ● for:index ● iterator:iteratorname ● value ● index ● first ● last
- 21. Post your Queries@ bit.ly/lwcquery
- 22. Coming Up ● 07May - Decorators, Web component Lifecycle hooks, and Compositions. bit.ly/lwcday2 ● 14 May - Component communication using events. bit.ly/lwcday3 ● 21 May - Working with Salesforce data including LDS. bit.ly/lwcday4 ● 28 May - Navigation Services, Aura with LWC interoperability & extra topics. bit.ly/lwcday5 RSVP