Lightning web components

Jan 12, 2019Download as PPTX, PDF0 likes9,423 views

Introduction to Lightning Web Components (LWC) Why Lightning Web Component (LWC) Part 1 - Vanilla HTML5 Web Components Benefits of Web Component Pillars of Web Component Demo of Custom Element and Templating Part 2 - Lightning Web Component Hello World Demo of Lifecycle methods Call Apex Class Access Custom Label Lightning Data Services Communication between Lightning Component and LWC Third party Callout from LWC

Farmington Hills Salesforce Developer User Group
Lightning Web Components
#SalesforceApexHours #FarmingtonHillsSFDCDug
Speaker :- Jitendra Zaa & Amit Chaudhary
Date :- Saturday, Jan 11, 2018 10:00 AM EST
Venue/Link :- Online

Who am I ?
Amit Chaudhary
• Active on Salesforce Developer Community
• Blogging at http://amitsalesforce.blogspot.in/
• Co-Organizer of :- FarmingtonHillsSFDCDug

Speaker
Jitendra Zaa
Sr. Technical Architect
Bluewolf
23 Salesforce Certifications
Author - Apex Design Pattern
Salesforce MVP
10+ years in Salesforce
Blog - https://JitendraZaa.com
Follow - @JitendraZaa

Agenda
▶ Why Lightning Web Component (LWC)
▶ Part 1 - Vanilla HTML5 Web Components
▶ Benefits of Web Component
▶ Pillars of Web Component
▶ Demo of Custom Element and Templating
▶ Part 2 - Lightning Web Component
▶ Hello World
▶ Lifecycle methods
▶ Call Apex Class
▶ Lightning Data Services
▶ Communication between Lightning Component and LWC

Why LWC ?
▶ 4 years back, in 2014, Lightning Components Launched
▶ At that time Web Standards had limited functionality and various framework came to fulfil the gaps like
ReactJs for virtual DOM, commonJS etc
▶ Aura framework was part of that initiative where they pushed web standards to build enterprise
applications
▶ Aura framework, Angular, React these all framework became languages
▶ Fast Forward few years later
▶ Web standard has rich set of functionalities, supported by Native Browsers
▶ Templating, Shadow DOM, Custom Element to name few
▶ More Standard and less framework

Four Pillars of HTML
Web Components
1.Import
2.Template
3.Custom Element
4.Shadow DOM

Life Cycle Methods
Method Name Description
constructor When Component Created
connectedCallback When Component inserted in DOM
disconnectedCallback When Component removed from DOM
render Called after ConnectedCallBack. For Complex rendering
Logic
renderedCallback() After render
errorCallback If any error in component lifecycle methods

Handle Event when Components not in Same DOM
▶ Use Pub Sub Model
▶ Source code here

Resources
▶ Salesforce Documentation
▶ Trailhead
▶ Amit Blogspot
▶ SFDX Commands - Jitendra’s Blog
▶ LWC Code Recipes

This document provides an overview of Lightning Web Components (LWC) including why LWC was introduced, the pillars of web components, LWC anatomy, lifecycle methods, calling Apex methods from LWC, using Lightning Data Services in LWC, handling events in LWC, coexistence of LWC and Aura components, and some miscellaneous topics like refreshing Apex data and sharing JS between LWC and Aura. The agenda covers these topics at a high level with examples provided for key concepts like creating a web component, calling Apex, handling events, and using Lightning Data Services to create a record in JavaScript.

Lightning web components - Introduction, component Lifecycle, Events, decorat...Nidhi Sharma

Lightning Web Components are custom HTML elements built using HTML and JavaScript. This document discusses the fundamentals of Lightning Web Components including their structure, templating, lifecycle hooks, communication between components, and provides a recipe for building a basic to-do list app as an example. The recipe demonstrates creating the necessary SFDX project and components, defining the component templates and logic, and adding the main application component to display the to-do form.

Lightning web components Cloud Analogy

Intro to Salesforce Lightning Web Components (LWC)Roy Gilad

Introduction to lightning Web ComponentMohith Shrivastava

The document provides an introduction to Lightning Web Components (LWC) presented by Mohith Shrivastava. The presentation covers the core elements of web components including templates, custom elements, shadow DOM and ES modules. It compares LWC to standard web components and Aura components. The presentation demonstrates building a simple LWC and explores LWC properties and Lightning Data Services. It provides references for learning more about LWC.

Lightning Web Component in SalesforceJitendra Zaa

1. Lightning Web Components introduce a new programming model built on modern web standards that provides enhanced productivity, performance, and compatibility. 2. They allow more code to be executed by the browser instead of JavaScript abstractions for improved performance. 3. Lightning Web Components can coexist and interoperate with existing Lightning components and can be composed with clicks or code.

Lightning web components - Episode 1 - An IntroductionSalesforce Developers

Lightning web componentDhanik Sahni

This document discusses Lightning Web Components (LWC), which provide a new programming model for creating Lightning Components using modern web standards like HTML and JavaScript. LWC aims to align with these standards while maintaining performance within Salesforce supported browsers. It highlights benefits like improved speed, data binding and support for standard modules. However, some legacy functionality is not yet supported in LWC like Lightning Out and Visualforce integration. The summary provides an overview of the key points about LWC's standards-based approach and goals of improved performance.

Getting Started with Lightning Web Components | LWC | SalesforceRahul Malhotra

An Introduction to Lightning Web ComponentsMikkel Flindt Heisterberg

Introduction to lightning componentsMohith Shrivastava

The document introduces lightning components in Salesforce, explaining their advantages over Visualforce like improved reusability, responsiveness, and an event-driven approach. It covers prerequisites, differences between Visualforce and lightning components, and examples of component attributes, expressions, styling, and events. The document also demonstrates how to build simple lightning components for use in communities and on record pages.

Live coding with LWCSalesforce Developers

You can watch a recording of the live coding session at https://sforce.co/2IbU3yJ In the fifth and final webinar of our five part series, we learn how to build Lightning web components for different use cases. We explore how to leverage all of the concepts you’ve learned in this webinar series to create modern apps with Lightning Web Components. We also demonstrate various ways to migrate Aura components to Lightning web components for a seamless transition.

Lightning Web Component - LWCThierry TROUIN ☁

Introduction to the Salesforce Security ModelSalesforce Developers

The Salesforce platform offers system as well as application level security capabilities for building robust and secure applications. Join us as we introduce the system-level security features of Salesforce, like authentication and authorization mechanisms that include various Single Sign-On and OAuth flows. We'll also cover declarative application-level security features, like user profiles, roles and permissions, and how an Organization Wide Security and record-sharing model enforces a finer level of access control over the data.

PlatForm Event.pptxRinku Saini

Platform events allow applications to publish messages that can be subscribed to and processed independently by other applications. Custom platform events can be defined similarly to custom objects and published from Apex, processes, or external APIs. Subscribers like Apex triggers, processes, and Lightning components can automatically listen for platform events. Retries and checkpoints help ensure reliable processing when errors occur.

Salesforce and conga composer integrationCloud Analogy

Building strong foundations apex enterprise patternsandyinthecloud

Developer "A" wrote an Apex controller without considering how it might be reused later by Developer "B" in a batch job, violating the principle of separation of concerns. The controller code used the ApexPages context inappropriately and lacked error handling. To properly structure code for reuse and extensibility, developers should follow patterns like separating concerns into distinct layers (service layer, domain layer, selector layer) with well-defined responsibilities and interfaces. This improves code quality, testability, and maintainability.

Introduction to VisualforceSalesforce Developers

This document introduces Visualforce, Salesforce's framework for building custom user interfaces that are hosted natively on Force.com. Visualforce uses the model-view-controller (MVC) pattern and allows developers to leverage standard and custom components, controllers written in Apex, and integration with other web technologies. Visualforce pages can be used to build custom applications, extend and customize Salesforce functionality, and develop for different devices.

Introduction to Apex TriggersSalesforce Developers

Episode 19 - Asynchronous Apex - Batch apex & schedulersJitendra Zaa

This document provides an overview of asynchronous processing in Salesforce using Batch Apex and Scheduled Apex. It discusses the differences between synchronous and asynchronous processing, how to structure Batch Apex jobs with start, execute, and finish methods, how to maintain state across batches, considerations for Batch Apex, how Scheduled Apex jobs work based on cron expressions, anatomy of a Scheduled Apex job, and considerations for Scheduled Apex. The document includes demos of writing basic and stateful Batch Apex jobs and a Scheduled Apex job with a cron trigger.

Aura Framework Overviewrajdeep

The document provides an overview of the Aura framework: - Aura is Salesforce's framework for building UI components that are reusable, high performing, and support events. It allows for faster development through out-of-box components. - Components are the building blocks of Aura apps and can encapsulate HTML, CSS, JavaScript and other code. They represent reusable sections of the UI. - Aura uses an event-driven programming model where components can fire and handle events to respond to user interactions.

Lightning Component - Components, Actions and EventsDurgesh Dhoot

Lightning Components IntroductionDurgesh Dhoot

LWC Episode 3- Component Communication and Aura InteroperabilitySalesforce Developers

Lightning Web ComponentsAbdulGafoor100

This document provides an overview of developing Lightning Web Components (LWC) with the Salesforce Development Experience (DX). It discusses the need for LWC, how to set up the development environment with the Salesforce CLI and VS Code extensions, the anatomy of an LWC bundle, using decorators while developing components, deploying LWC to orgs, and comparing LWC to Aura components. The presentation encourages attendees to get hands-on experience with LWC through Trailhead modules.

Introduction to lightning web component Sudipta Deb ☁

Introducing the Salesforce platformJohn Stevenson

The document introduces the Salesforce platform and provides an overview of its capabilities. It discusses how the platform can be used to build employee apps, partner apps, and customer apps. It also summarizes several tools on the platform, including Visualforce, Apex, Lightning components, Heroku, and ExactTarget. The presentation aims to demonstrate how the Salesforce platform can support innovation through clicks and code functionality.

Lightning web componentsAmit Chaudhary

Implementing Vanilla Web Componentssonumanoj

This document summarizes a presentation about vanilla web components given by Manoj Sonawane to the Mountain House Developers Group. It discusses the benefits of web components such as encapsulation with shadow DOM and templates, and demonstrates how to create custom elements and use templates. It also discusses how web component standards have evolved from ES6/ES2015 and are now supported natively in modern browsers.

More Related Content

What's hot (20)

Lightning web componentDhanik Sahni

Getting Started with Lightning Web Components | LWC | SalesforceRahul Malhotra

An Introduction to Lightning Web ComponentsMikkel Flindt Heisterberg

Introduction to lightning componentsMohith Shrivastava

Live coding with LWCSalesforce Developers

Lightning Web Component - LWCThierry TROUIN ☁

Introduction to the Salesforce Security ModelSalesforce Developers

PlatForm Event.pptxRinku Saini

Salesforce and conga composer integrationCloud Analogy

Building strong foundations apex enterprise patternsandyinthecloud

Introduction to VisualforceSalesforce Developers

Introduction to Apex TriggersSalesforce Developers

Episode 19 - Asynchronous Apex - Batch apex & schedulersJitendra Zaa

Aura Framework Overviewrajdeep

Lightning Component - Components, Actions and EventsDurgesh Dhoot

Lightning Components IntroductionDurgesh Dhoot

LWC Episode 3- Component Communication and Aura InteroperabilitySalesforce Developers

Lightning Web ComponentsAbdulGafoor100

Introduction to lightning web component Sudipta Deb ☁

Introducing the Salesforce platformJohn Stevenson

Lightning web componentDhanik Sahni

Getting Started with Lightning Web Components | LWC | SalesforceRahul Malhotra

An Introduction to Lightning Web ComponentsMikkel Flindt Heisterberg

Introduction to lightning componentsMohith Shrivastava

Live coding with LWCSalesforce Developers

Lightning Web Component - LWCThierry TROUIN ☁

Introduction to the Salesforce Security ModelSalesforce Developers

PlatForm Event.pptxRinku Saini

Salesforce and conga composer integrationCloud Analogy

Building strong foundations apex enterprise patternsandyinthecloud

Introduction to VisualforceSalesforce Developers

Introduction to Apex TriggersSalesforce Developers

Episode 19 - Asynchronous Apex - Batch apex & schedulersJitendra Zaa

Aura Framework Overviewrajdeep

Lightning Component - Components, Actions and EventsDurgesh Dhoot

Lightning Components IntroductionDurgesh Dhoot

LWC Episode 3- Component Communication and Aura InteroperabilitySalesforce Developers

Lightning Web ComponentsAbdulGafoor100

Introduction to lightning web component Sudipta Deb ☁

Introducing the Salesforce platformJohn Stevenson

Similar to Lightning web components (20)

Lightning web componentsAmit Chaudhary

Implementing Vanilla Web Componentssonumanoj

Lightning Web Components- Ep 0 - IntroductionNishant Singh Panwar

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.

Web ComponentsFITC

Web Components are an attempt to create custom, reusable components that can be used in HTML markup. They utilize several emerging web standards including Shadow DOM for encapsulation, templates for reusability, and custom elements for defining new elements. While not fully supported yet, libraries like Polymer allow using web components today through polyfills to bring these capabilities to more browsers. The document discusses how web components work and provides examples of their usage.

Developing with Sitecore Personalize SDK.pptxDylan Young

Salesforce Apex Hours :- Introduction to lightning componentsAmit Chaudhary

ReactJS vs AngularJS - Head to Head comparison500Tech

This document summarizes a meetup comparing Angular2 and React frameworks. It provides overviews of both frameworks, including their histories, core concepts, and differences. Some key points covered include React's use of a virtual DOM for efficient updates, Angular2's focus on being a full development platform, and both frameworks' growing communities and adoption. The meetup agenda also included rounds for comparing the frameworks and a Q&A panel discussion.

Retirement Studio Web Projects Knowledge SharingMike He

#ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s GuideNew Delhi Salesforce Developer Group

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

HTML5 Comprehensive GuideAlexei Skachykhin

HTML 5 is the 5th revision of the core HTML language specification defined by the W3C. It introduces many new features including native multimedia support through elements like <video> and <audio>, canvas element for 2D drawing, offline web applications, and more. The WHATWG and W3C jointly oversee the standardization process, with the specification being implemented across modern browsers though some features have uneven support. HTML5 aims to enhance the web platform with native functionality that was previously only available through plug-ins like Flash.

The future of web development write once, run everywhere with angular.js and ...Mark Roden

The future of web development write once, run everywhere with angular js an...Mark Leusink

This document provides a summary of a presentation on using AngularJS and IBM Domino to build modern web applications. The presentation introduces AngularJS, an open-source JavaScript framework, and how it uses a model-view-controller architecture. It also discusses using IBM Domino as a RESTful backend service via Domino Access Services or a custom REST API. The presentation demonstrates a sample conference scheduling app built with AngularJS, Bootstrap, and data from an IBM Domino database. The app runs entirely on the client-side and shows how AngularJS allows building portable web apps that can run on any device or platform.

Convert your Full Trust Solutions to the SharePoint Framework (SPFx)Brian Culver

This is a walkthrough where we convert a common full trust solution to a SharePoint Framework solution. I will show you the general workflow for converting your full trust solutions to SPFx solutions. I show you the proper configuration for your development environment. We walk through building the SPFx solutions and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions. Attendee Takeaways: 1. Understand the why, the how, and what make up the SharePoint Framework (SPFx). 2. A demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx) in less than 1 hour. 3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life. Yes, you are welcome :)

Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourBrian Culver

This is a live walkthrough where we convert a common full trust solution to a SharePoint Framework solution. May the demo Gods be kind to me. Really, we will do it. Does not cover all possible scenarios, but I will show you the general workflow for converting your full trust solutions to SPFx solutions. I show you the proper configuration for your development environment. We walk through building the SPFx solutions and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions. Attendee Takeaways: 1. Understand the why, the how, and what make up the SharePoint Framework (SPFx). 2. A live demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx) in less than 1 hour. 3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life. Yes, you are welcome :)

Leveraging the Power of Custom Elements in GutenbergFelix Arntz

This document discusses the benefits of using web components for building reusable components in a standardized way. It outlines how web components allow encapsulation of styles and markup through features like shadow DOM and custom elements. Web components help improve maintainability and reusability of components. Frameworks are increasingly using web components as the basis for their "leaf components". The document promotes web components as a solid foundation and provides resources for getting started with web components.

Introduction to Web ComponentsRich Bradshaw

Web Components allow developers to build reusable custom elements that encapsulate HTML, CSS, and JavaScript. They include features like Shadow DOM for encapsulation, templates for stamping out repeated sections, HTML imports for modular code, and custom elements for defining new types of elements. Polymer makes it easy to build web applications using these new web component standards by providing polyfills and a set of pre-built reusable elements.

jQuery: The World's Most Popular JavaScript Library Comes to XPagesTeamstudio

Whether you want to add some serious eye candy to your XPages Applications or just want to do more with less code, jQuery, the world’s most popular JavaScript framework can help you. Come to this webinar and find out how you can use some of the thousands of jQuery plugins, in harmony with Dojo, within your XPages applications to create a better experience not only for your users, but for you as a developer. In this webinar, we'll look at how jQuery works, how to add it to your XPages, and how a complete JavaScript beginner can take advantage of its power. We'll demonstrate many working examples -- and a sample database will be provided.

Building Rich Applications with AppceleratorMatt Raible

Salesforce Apex Hours: What means Winter 18 for Developers Amit Chaudhary

Concocting an MVC, Data Services and Entity Framework solution for AzureSaltmarch Media

Lightning web componentsAmit Chaudhary

Implementing Vanilla Web Componentssonumanoj

Lightning Web Components- Ep 0 - IntroductionNishant Singh Panwar

Web ComponentsFITC

Developing with Sitecore Personalize SDK.pptxDylan Young

Salesforce Apex Hours :- Introduction to lightning componentsAmit Chaudhary

ReactJS vs AngularJS - Head to Head comparison500Tech

Retirement Studio Web Projects Knowledge SharingMike He

#ImpactSalesforceSaturday: Lightning Components 101: An Apex Developer’s GuideNew Delhi Salesforce Developer Group

HTML5 Comprehensive GuideAlexei Skachykhin

The future of web development write once, run everywhere with angular.js and ...Mark Roden

The future of web development write once, run everywhere with angular js an...Mark Leusink

Convert your Full Trust Solutions to the SharePoint Framework (SPFx)Brian Culver

Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourBrian Culver

Leveraging the Power of Custom Elements in GutenbergFelix Arntz

Introduction to Web ComponentsRich Bradshaw

jQuery: The World's Most Popular JavaScript Library Comes to XPagesTeamstudio

Building Rich Applications with AppceleratorMatt Raible

Salesforce Apex Hours: What means Winter 18 for Developers Amit Chaudhary

Concocting an MVC, Data Services and Entity Framework solution for AzureSaltmarch Media

More from Amit Chaudhary (20)

Platform cacheAmit Chaudhary

This document summarizes an upcoming Salesforce Apex Hours webinar on boosting app performance with Platform Cache. The webinar will be presented by Daniel Stange on January 4, 2020. It will cover key concepts of Platform Cache like caching strategies, data to cache, cache types and considerations. The presentation will also include a demo of implementing Platform Cache, including a read-through cache example. Attendees will learn how Platform Cache can significantly improve app performance and how to design caching strategies for their own implementations.

Apex code BenchmarkingAmit Chaudhary

The document provides information about benchmarking Apex code and declarative logic in Salesforce to measure CPU time usage. It discusses the CPU time limits that were introduced in Winter '14 and how they are calculated based on milliseconds allowed per record. Various techniques for benchmarking Apex code performance are demonstrated, such as measuring the cost of field assignments, serialization, and array iteration. Benchmarking declarative logic like workflows, processes, and validation rules is also covered. The document warns of the risks of CPU timeouts occurring from the combined impact of multiple applications, packages, or declarative components interacting on a record.

Empower admins with the power of salesforce dx, git and cicd pipelineAmit Chaudhary

The document summarizes a presentation about Salesforce DX, GIT, and CI/CD pipelines. The presentation introduces Salesforce DX and the benefits of using it along with source tracking. It describes how admins can use these tools to build disposable environments. The presentation also covers using CircleCI for continuous integration and quality gates in GitHub. Resources for learning more are provided.

Marketing cloud developmentAmit Chaudhary

Salesforce Apex Hours : Node red for salesforceAmit Chaudhary

NodeRED, a top level OpenSource project of the JavaScript foundation, too follows the philosophy "Clicks, not code" we all got to love in Salesforce. The talk will introduce NodeRED, what it is, what it can do and how to use it in conjunction with use cases for Salesforce. Agenda: - Introduction to NodeRED: nodes, flows, runtime - Talking to Salesforce: SOSL, SOQL, DML, Streaming & Chatter - Use cases with Salesforce - Q&A

Modular application development using unlocked packagesAmit Chaudhary

The document announces a Salesforce Apex Hours event about modular application development using unlocked packages, with speakers Mohith Shrivastava and Amit Chaudhary. The agenda covers introducing unlocked packages and different package types, building and publishing unlocked packages using Salesforce CLI, creating dependencies between packages, and a Q&A session. Unlocked packages allow developers to build modular applications by breaking a monolithic application into separate packages that define dependencies.

Einstein Next Best Action (NBA)Amit Chaudhary

Daniel Peter, a Salesforce MVP, gave a presentation on Einstein Next Best Action. He demonstrated how to build recommendation strategies using Strategy Builder to customize recommendations for any object. Strategies can include rules and AI by connecting to predictive models through Apex. Some tips included writing formulas directly in Strategy Builder and using dynamic screen flows to launch from recommendations, although passing the recommendation ID is currently limited. The full capabilities of Next Best Action, such as packaging strategies, are still developing.

Pardot basicsAmit Chaudhary

This document provides information about an upcoming webinar hosted by the Farmington Hills Salesforce Developer User Group on January 19, 2018. The webinar will feature speakers Jess Pyne and Amit Chaudhary discussing Pardot basics and Apex programming in Salesforce. Attendees will learn about integrating Pardot and Salesforce, building dynamic lists and emails in Pardot, scoring and grading prospects, and troubleshooting common issues. The live webinar will take place at 10:00 AM EST on January 19, 2018 via the Zoom meeting link provided.

Lightning Locker ServicesAmit Chaudhary

Salesforce apex hours heroku connect - deep diveAmit Chaudhary

This document summarizes an upcoming Salesforce Apex Hours event hosted by the Farmington Hills Salesforce Developer User Group. The event will feature a deep dive on Heroku Connect presented by Shruti Sridharan and Amit Chaudhary. It will cover using Heroku Connect for two-way, real-time synchronization between a Salesforce org and a PostgreSQL database on Heroku with no code required. The agenda includes introducing the problem of data replication, an overview of Heroku Connect's capabilities, a live demo, considerations, and Q&A.

Salesforce apex hours :- azure active directory seamless single sign-on with...Amit Chaudhary

Salesforce DX for Non-Scratch OrgAmit Chaudhary

Agenda 1) Scratch Org VS Sandbox Development 2) SalesforceDX source code format from traditional format 3) Winter 19 Salesforce Source Commands (Retrieve, Deploy and Delete) 4) Using Salesforce Extensions For VSCode against Non-scratch orgs 5) Auto Generating package.xml from changesets and unmanaged package 6) Setting Developer Workflows for Salesforce application development and debugging (ISV apps and changeset based development) 7) Deploying metadata from one org to another using Vscode extensions

Einstein Analytics Part 2Amit Chaudhary

Einstein Analytics Amit Chaudhary

This document announces an Einstein Analytics presentation for the Farmington Hills Salesforce Developer User Group on October 20, 2018. The presentation will be given by Rikke Hovgaard, an Einstein Analytics Solution Architect, and will cover key Einstein Analytics concepts, building a first dataset, using compare tables, custom maps, actions, and embedding dashboards. The goal is to provide hands-on experience with these Einstein Analytics features.

Demystifying the salesforce reports apiAmit Chaudhary

This document announces a Salesforce Apex Hours event to demystify the Salesforce Report API. The event will feature speakers Jigar Shah and Amit Chaudhary and include an agenda covering the need for the Report API, its features and capabilities, basics, and a demo. It provides background on the speakers and details on accessing and using the Report and Dashboard APIs to programmatically retrieve and modify report and dashboard data.

Salesforce apex hours Einstein platform servicesAmit Chaudhary

Salesforce Apex Hours : How Lightning Platform Query Optimizer works for LDVAmit Chaudhary

Einstein botsAmit Chaudhary

"Salesforce Apex Hours" is a recurring event to talk about salesforce ! This time we are planning one online session on "Einstein Bots". Agenda :- 1) What’s all the fuss about Einstein Bots ? 2) What are my pre-requisites ? 3) What is it made up of - Dialog, Slots and Entities 4) Let’s Build One! 5) Things to Remember 6) Q & A Recording :-https://www.youtube.com/watch?v=Z2v0Dv6nWaI&t=21s

Integrating with salesforce using platform eventsAmit Chaudhary

The document announces a Salesforce Apex Hours event to discuss integrating with Salesforce using Platform Events. The event will be held on May 19, 2018 and feature speakers Jigar Shah and Amit Chaudhary. They will cover the challenges of traditional point-to-point integrations, demonstrate how event-driven architecture and Platform Events provide a solution, and include a demo of building an order shipping application using Platform Events.

Einstein analytics basicsAmit Chaudhary

Platform cacheAmit Chaudhary

Apex code BenchmarkingAmit Chaudhary

Empower admins with the power of salesforce dx, git and cicd pipelineAmit Chaudhary

Marketing cloud developmentAmit Chaudhary

Salesforce Apex Hours : Node red for salesforceAmit Chaudhary

Modular application development using unlocked packagesAmit Chaudhary

Einstein Next Best Action (NBA)Amit Chaudhary

Pardot basicsAmit Chaudhary

Lightning Locker ServicesAmit Chaudhary

Salesforce apex hours heroku connect - deep diveAmit Chaudhary

Salesforce apex hours :- azure active directory seamless single sign-on with...Amit Chaudhary

Salesforce DX for Non-Scratch OrgAmit Chaudhary

Einstein Analytics Part 2Amit Chaudhary

Einstein Analytics Amit Chaudhary

Demystifying the salesforce reports apiAmit Chaudhary

Salesforce apex hours Einstein platform servicesAmit Chaudhary

Salesforce Apex Hours : How Lightning Platform Query Optimizer works for LDVAmit Chaudhary

Einstein botsAmit Chaudhary

Integrating with salesforce using platform eventsAmit Chaudhary

Einstein analytics basicsAmit Chaudhary

Recently uploaded (20)

Understanding P–N Junction Semiconductors: A Beginner’s GuideGS Virdi

Dive into the fundamentals of P–N junctions, the heart of every diode and semiconductor device. In this concise presentation, Dr. G.S. Virdi (Former Chief Scientist, CSIR-CEERI Pilani) covers: What Is a P–N Junction? Learn how P-type and N-type materials join to create a diode. Depletion Region & Biasing: See how forward and reverse bias shape the voltage–current behavior. V–I Characteristics: Understand the curve that defines diode operation. Real-World Uses: Discover common applications in rectifiers, signal clipping, and more. Ideal for electronics students, hobbyists, and engineers seeking a clear, practical introduction to P–N junction semiconductors.

LDMMIA Reiki Master Spring 2025 Mini UpdatesLDM Mia eStudios

How to Set warnings for invoicing specific customers in odooCeline George

SCI BIZ TECH QUIZ (OPEN) PRELIMS XTASY 2025.pptxRonisha Das

How to Subscribe Newsletter From Odoo 18 WebsiteCeline George

YSPH VMOC Special Report - Measles Outbreak Southwest US 5-3-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

A measles outbreak originating in West Texas has been linked to confirmed cases in New Mexico, with additional cases reported in Oklahoma and Kansas. The current case count is 817 from Texas, New Mexico, Oklahoma, and Kansas. 97 individuals have required hospitalization, and 3 deaths, 2 children in Texas and one adult in New Mexico. These fatalities mark the first measles-related deaths in the United States since 2015 and the first pediatric measles death since 2003. The YSPH Virtual Medical Operations Center Briefs (VMOC) were created as a service-learning project by faculty and graduate students at the Yale School of Public Health in response to the 2010 Haiti Earthquake. Each year, the VMOC Briefs are produced by students enrolled in Environmental Health Science Course 581 - Public Health Emergencies: Disaster Planning and Response. These briefs compile diverse information sources – including status reports, maps, news articles, and web content– into a single, easily digestible document that can be widely shared and used interactively. Key features of this report include: - Comprehensive Overview: Provides situation updates, maps, relevant news, and web resources. - Accessibility: Designed for easy reading, wide distribution, and interactive use. - Collaboration: The “unlocked" format enables other responders to share, copy, and adapt seamlessly. The students learn by doing, quickly discovering how and where to find critical information and presenting it in an easily understood manner. CURRENT CASE COUNT: 817 (As of 05/3/2025) • Texas: 688 (+20)(62% of these cases are in Gaines County). • New Mexico: 67 (+1 )(92.4% of the cases are from Eddy County) • Oklahoma: 16 (+1) • Kansas: 46 (32% of the cases are from Gray County) HOSPITALIZATIONS: 97 (+2) • Texas: 89 (+2) - This is 13.02% of all TX cases. • New Mexico: 7 - This is 10.6% of all NM cases. • Kansas: 1 - This is 2.7% of all KS cases. DEATHS: 3 • Texas: 2 – This is 0.31% of all cases • New Mexico: 1 – This is 1.54% of all cases US NATIONAL CASE COUNT: 967 (Confirmed and suspected): INTERNATIONAL SPREAD (As of 4/2/2025) • Mexico – 865 (+58) ‒Chihuahua, Mexico: 844 (+58) cases, 3 hospitalizations, 1 fatality • Canada: 1531 (+270) (This reflects Ontario's Outbreak, which began 11/24) ‒Ontario, Canada – 1243 (+223) cases, 84 hospitalizations. • Europe: 6,814

Handling Multiple Choice Responses: Fortune Effiong.pptxAuthorAIDNationalRes

Unit 6_Introduction_Phishing_Password Cracking.pdfKanchanPatil34

Geography Sem II Unit 1C Correlation of Geography with other school subjectsProfDrShaikhImran

Michelle Rumley & Mairéad Mooney, Boole Library, University College Cork. Tra...Library Association of Ireland

World war-1(Causes & impacts at a glance) PPT by Simanchala Sarab(BABed,sem-4...larencebapu132

Stein, Hunt, Green letter to Congress April 2025Mebane Rash

Introduction to Vibe Coding and Vibe EngineeringDamian T. Gordon

SPRING FESTIVITIES - UK AND USA -Colégio Santa Teresinha

Marie Boran Special Collections Librarian Hardiman Library, University of Gal...Library Association of Ireland

Sinhala_Male_Names.pdf Sinhala_Male_Namekeshanf79

UNIT 3 NATIONAL HEALTH PROGRAMMEE. SOCIAL AND PREVENTIVE PHARMACYDR.PRISCILLA MARY J

GDGLSPGCOER - Git and GitHub Workshop.pptxazeenhodekar

Phoenix – A Collaborative Renewal of Children’s and Young People’s Services C...Library Association of Ireland

Ultimate VMware 2V0-11.25 Exam Dumps for Exam SuccessMark Soia

Understanding P–N Junction Semiconductors: A Beginner’s GuideGS Virdi

LDMMIA Reiki Master Spring 2025 Mini UpdatesLDM Mia eStudios

How to Set warnings for invoicing specific customers in odooCeline George

SCI BIZ TECH QUIZ (OPEN) PRELIMS XTASY 2025.pptxRonisha Das

How to Subscribe Newsletter From Odoo 18 WebsiteCeline George

YSPH VMOC Special Report - Measles Outbreak Southwest US 5-3-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

Handling Multiple Choice Responses: Fortune Effiong.pptxAuthorAIDNationalRes

Unit 6_Introduction_Phishing_Password Cracking.pdfKanchanPatil34

Geography Sem II Unit 1C Correlation of Geography with other school subjectsProfDrShaikhImran

Michelle Rumley & Mairéad Mooney, Boole Library, University College Cork. Tra...Library Association of Ireland

World war-1(Causes & impacts at a glance) PPT by Simanchala Sarab(BABed,sem-4...larencebapu132

Stein, Hunt, Green letter to Congress April 2025Mebane Rash

Introduction to Vibe Coding and Vibe EngineeringDamian T. Gordon

SPRING FESTIVITIES - UK AND USA -Colégio Santa Teresinha

Marie Boran Special Collections Librarian Hardiman Library, University of Gal...Library Association of Ireland

Sinhala_Male_Names.pdf Sinhala_Male_Namekeshanf79

UNIT 3 NATIONAL HEALTH PROGRAMMEE. SOCIAL AND PREVENTIVE PHARMACYDR.PRISCILLA MARY J

GDGLSPGCOER - Git and GitHub Workshop.pptxazeenhodekar

Phoenix – A Collaborative Renewal of Children’s and Young People’s Services C...Library Association of Ireland

Ultimate VMware 2V0-11.25 Exam Dumps for Exam SuccessMark Soia

Lightning web components

1. Farmington Hills Salesforce Developer User Group Lightning Web Components #SalesforceApexHours #FarmingtonHillsSFDCDug Speaker :- Jitendra Zaa & Amit Chaudhary Date :- Saturday, Jan 11, 2018 10:00 AM EST Venue/Link :- Online

2. Who am I ? Amit Chaudhary • Active on Salesforce Developer Community • Blogging at http://amitsalesforce.blogspot.in/ • Co-Organizer of :- FarmingtonHillsSFDCDug

3. Speaker Jitendra Zaa Sr. Technical Architect Bluewolf 23 Salesforce Certifications Author - Apex Design Pattern Salesforce MVP 10+ years in Salesforce Blog - https://JitendraZaa.com Follow - @JitendraZaa

4. Agenda ▶ Why Lightning Web Component (LWC) ▶ Part 1 - Vanilla HTML5 Web Components ▶ Benefits of Web Component ▶ Pillars of Web Component ▶ Demo of Custom Element and Templating ▶ Part 2 - Lightning Web Component ▶ Hello World ▶ Lifecycle methods ▶ Call Apex Class ▶ Lightning Data Services ▶ Communication between Lightning Component and LWC

5. Why Lightning Web Components

6. Why LWC ? ▶ 4 years back, in 2014, Lightning Components Launched ▶ At that time Web Standards had limited functionality and various framework came to fulfil the gaps like ReactJs for virtual DOM, commonJS etc ▶ Aura framework was part of that initiative where they pushed web standards to build enterprise applications ▶ Aura framework, Angular, React these all framework became languages ▶ Fast Forward few years later ▶ Web standard has rich set of functionalities, supported by Native Browsers ▶ Templating, Shadow DOM, Custom Element to name few ▶ More Standard and less framework

7. Four Pillars of HTML Web Components 1.Import 2.Template 3.Custom Element 4.Shadow DOM

8. Demos

9. Life Cycle Methods Method Name Description constructor When Component Created connectedCallback When Component inserted in DOM disconnectedCallback When Component removed from DOM render Called after ConnectedCallBack. For Complex rendering Logic renderedCallback() After render errorCallback If any error in component lifecycle methods

10. Handle Event when Components not in Same DOM ▶ Use Pub Sub Model ▶ Source code here

11. Resources ▶ Salesforce Documentation ▶ Trailhead ▶ Amit Blogspot ▶ SFDX Commands - Jitendra’s Blog ▶ LWC Code Recipes

12. Q&A

13. Thank You

Lightning web components

Recommended

More Related Content

What's hot (20)

Similar to Lightning web components (20)

More from Amit Chaudhary (20)

Recently uploaded (20)

Lightning web components