In this broadcast, the Salesforce Developer Relations team and Product Managers will share the latest news on how you can develop with Salesforce DX, Einstein APIs and Analytics, Community Cloud and Lightning to make your apps even better.
In this session we will cover various features of Lightning Components framework like {!v.body}, Aura.Action, Aura.Component[] etc. that are very helpful when building large and complex Lightning components.
Learn the benefits of using social authentication to log into your Salesforce org or community. During this session, you’ll become familiar with authentication nomenclature and understand the differences between being an identity provider vs. service provider. We’ll also show the mechanics to allow social sign-on for registration and user creation using Apex.
Base Lightning Components are out-of-the-box solutions for common user interface needs. Developers can use them to quickly build and deliver the Lightning Experience to their admins and users without starting from scratch every time. This session dives into details of how they work, and how you can use them to quickly get apps up and running.
In this exclusive webinar, you'll learn about
- How Lightning components work and how to build them
- Component architecture and composition
- How to extend custom components to non-developers
In this broadcast, the Salesforce Developer Relations team and Product Managers will share the latest news on how you can develop with Salesforce DX, Einstein APIs and Analytics, Community Cloud and Lightning to make your apps even better.
In this session we will cover various features of Lightning Components framework like {!v.body}, Aura.Action, Aura.Component[] etc. that are very helpful when building large and complex Lightning components.
Learn the benefits of using social authentication to log into your Salesforce org or community. During this session, you’ll become familiar with authentication nomenclature and understand the differences between being an identity provider vs. service provider. We’ll also show the mechanics to allow social sign-on for registration and user creation using Apex.
Base Lightning Components are out-of-the-box solutions for common user interface needs. Developers can use them to quickly build and deliver the Lightning Experience to their admins and users without starting from scratch every time. This session dives into details of how they work, and how you can use them to quickly get apps up and running.
In this exclusive webinar, you'll learn about
- How Lightning components work and how to build them
- Component architecture and composition
- How to extend custom components to non-developers
Build custom user interfaces for your Salesforce data with the UI APISalesforce Developers
Want to build custom apps with the same User Interface API that Salesforce uses to build Lightning Experience and the mySalesforce mobile app? This webinar explores how the UI API works. Join and learn how to can create native mobile and web apps with your own branding and look-and-feel that respond to metadata changes in Salesforce.
Gesture Controlled Interactions with Platform Events and IoT ExplorerSalesforce Developers
Learn how to leverage gesture sensors, Platform Events and IoT explorer to interact with Salesforce data and even navigate the Lightning Experience UI.
Preparing for Lightning: Replacing URL Hacks with ActionsMike White
Common URL hacks used in Salesforce Classic are not available in the new Lightning Experience. Learn how to leverage Quick Actions to replace these URL hacks and develop Lightning ready replacements for your users on Classic, Lightning and Salesforce1.
Heroku recently announced a new part of Heroku Enterprise called Private Spaces that allows you to run your own Heroku in a separate but still managed cloud. This webinar will cover the basics of Heroku and Private Spaces. Private Spaces provides an isolated network for your apps and data, enhancing security and privacy. You will learn how to securely integrate your Heroku apps with Salesforce using IP restrictions.
In addition you will learn how you can use Private Spaces to pick specific geographic locations for your Private Spaces, aiding in privacy and performance requirements.
Key Takeaways
- Learn the basics of Heroku Private Spaces
- See how Private Spaces will help improve security for your cloud apps
- Explore the benefits of using Private Spaces with Salesforce
- Watch live demos from Salesforce & Heroku Evangelists
Presentation about Lightning Component Framework given at the Salesforce World Tour Amsterdam 2017.
By Diego Szuster Marçal and Stevano Cheung - Suitsupply Employees
#Df17 Recap Series Build Apps Faster with the Salesforce Platform Salesforce Developers
In this webinar, which is part of a series focused on bringing the best of Dreamforce to the India Salesforce developer community, we will discuss how you can build apps faster with the Salesforce platform. Join us to hear about source-driven development, dynamic lightning pages, and new lightning base components.
Join us and understand how Lightning Snap-ins enable you to deliver immediate, personalized, and contextual support on any device to your customers. We’ll discuss when to use Snap-ins, how to differentiate your app experience with embedded support, and how to implement Snap-ins Chat into your website and Community templates.
You'll learn about:
- What Snap-ins are and how to use them
- Core service channels embedded in Snap-ins
- How to setup and deploy Web Snap-ins
- What’s next in the Snap-ins roadmap
Salesforce is enabling it's developers with tools and services to build apps faster with Lightning, smarter with Einstein and together with Salesforce DX. Join us in this exclusive India time webinar where we discuss the latest innovations in store for you as a developer.
Spice up Your Internal Portal with Visualforce and Twitter BootstrapSalesforce Developers
Does your intranet or internal portal need updating? Join us to see how we transformed our Employee News page into a robust, mobile design using Visualforce and Twitter Bootstrap in a little over two months. Designed with a responsive approach, this methodology can additionally be used throughout Visualforce pages within other projects.
Develop with Community Cloud in whole new ways with the Summer ‘18 release. Join this webinar and learn straight from our product managers on how to use and optimize fresh pre-built themes, native content and what’s on the roadmap for Winter ‘19.
The Summer ‘18 release introduces new features for Salesforce Developers including new Base Lightning Components, Switch for Apex, Metadata API enhancements and updates to Salesforce DX
Did you know that the platform has the capability to debug live sessions in sandbox? In this session, you will learn how to set a breakpoint in Apex code and step through a transaction in the Force.com IDE. You will learn how this capability augments Apex debug logs and Apex unit tests, and when to use it.
Integrate CMS Content Into Lightning Communities with CMS ConnectSalesforce Developers
In this webinar we will show you how to display content from external Content Management Systems into Lightning Communities. This lets you take advantage of the Communities framework and help you centralize content in whatever CMS system you have chosen.
Leverage the power of the Salesforce platform through Community Cloud. Enable customers, partners, and employees to access Salesforce data and business processes in an engaging, branded experience. Join members of the Community Cloud product team as they walk you through the creation and management of a custom community.
Do you want to create communities to help your organization provide stellar customer service, connect your customers together or increase employee productivity?
Learn how you can customize Salesforce Community Cloud to fit your needs with the Lightning Bolt framework, Lightning Components and Community Builder.
Earlier this year, we released Lightning Web Components (LWC), a new UI framework based on web standards and optimized for performance and developer productivity. We have now open sourced the Lightning Web Components framework so that anyone can build applications on any platform.
Join our webinar where we'll explore how this framework, based on standard HTML, modern JavaScript (ES6+), and the best of native Web Components, helps you create web components and apps using the stack and tools you prefer.
Building Complex Traversing & Branching Apps Using Visual Workflows and ApexSalesforce Developers
Use the power of Visual Workflows and Apex to build applications like Surveys, Call Scripts, and Quizzes. Join us as we demonstrate building complex workflows that traverse multiple paths based on users' input and custom branching logic.
Build custom user interfaces for your Salesforce data with the UI APISalesforce Developers
Want to build custom apps with the same User Interface API that Salesforce uses to build Lightning Experience and the mySalesforce mobile app? This webinar explores how the UI API works. Join and learn how to can create native mobile and web apps with your own branding and look-and-feel that respond to metadata changes in Salesforce.
Gesture Controlled Interactions with Platform Events and IoT ExplorerSalesforce Developers
Learn how to leverage gesture sensors, Platform Events and IoT explorer to interact with Salesforce data and even navigate the Lightning Experience UI.
Preparing for Lightning: Replacing URL Hacks with ActionsMike White
Common URL hacks used in Salesforce Classic are not available in the new Lightning Experience. Learn how to leverage Quick Actions to replace these URL hacks and develop Lightning ready replacements for your users on Classic, Lightning and Salesforce1.
Heroku recently announced a new part of Heroku Enterprise called Private Spaces that allows you to run your own Heroku in a separate but still managed cloud. This webinar will cover the basics of Heroku and Private Spaces. Private Spaces provides an isolated network for your apps and data, enhancing security and privacy. You will learn how to securely integrate your Heroku apps with Salesforce using IP restrictions.
In addition you will learn how you can use Private Spaces to pick specific geographic locations for your Private Spaces, aiding in privacy and performance requirements.
Key Takeaways
- Learn the basics of Heroku Private Spaces
- See how Private Spaces will help improve security for your cloud apps
- Explore the benefits of using Private Spaces with Salesforce
- Watch live demos from Salesforce & Heroku Evangelists
Presentation about Lightning Component Framework given at the Salesforce World Tour Amsterdam 2017.
By Diego Szuster Marçal and Stevano Cheung - Suitsupply Employees
#Df17 Recap Series Build Apps Faster with the Salesforce Platform Salesforce Developers
In this webinar, which is part of a series focused on bringing the best of Dreamforce to the India Salesforce developer community, we will discuss how you can build apps faster with the Salesforce platform. Join us to hear about source-driven development, dynamic lightning pages, and new lightning base components.
Join us and understand how Lightning Snap-ins enable you to deliver immediate, personalized, and contextual support on any device to your customers. We’ll discuss when to use Snap-ins, how to differentiate your app experience with embedded support, and how to implement Snap-ins Chat into your website and Community templates.
You'll learn about:
- What Snap-ins are and how to use them
- Core service channels embedded in Snap-ins
- How to setup and deploy Web Snap-ins
- What’s next in the Snap-ins roadmap
Salesforce is enabling it's developers with tools and services to build apps faster with Lightning, smarter with Einstein and together with Salesforce DX. Join us in this exclusive India time webinar where we discuss the latest innovations in store for you as a developer.
Spice up Your Internal Portal with Visualforce and Twitter BootstrapSalesforce Developers
Does your intranet or internal portal need updating? Join us to see how we transformed our Employee News page into a robust, mobile design using Visualforce and Twitter Bootstrap in a little over two months. Designed with a responsive approach, this methodology can additionally be used throughout Visualforce pages within other projects.
Develop with Community Cloud in whole new ways with the Summer ‘18 release. Join this webinar and learn straight from our product managers on how to use and optimize fresh pre-built themes, native content and what’s on the roadmap for Winter ‘19.
The Summer ‘18 release introduces new features for Salesforce Developers including new Base Lightning Components, Switch for Apex, Metadata API enhancements and updates to Salesforce DX
Did you know that the platform has the capability to debug live sessions in sandbox? In this session, you will learn how to set a breakpoint in Apex code and step through a transaction in the Force.com IDE. You will learn how this capability augments Apex debug logs and Apex unit tests, and when to use it.
Integrate CMS Content Into Lightning Communities with CMS ConnectSalesforce Developers
In this webinar we will show you how to display content from external Content Management Systems into Lightning Communities. This lets you take advantage of the Communities framework and help you centralize content in whatever CMS system you have chosen.
Leverage the power of the Salesforce platform through Community Cloud. Enable customers, partners, and employees to access Salesforce data and business processes in an engaging, branded experience. Join members of the Community Cloud product team as they walk you through the creation and management of a custom community.
Do you want to create communities to help your organization provide stellar customer service, connect your customers together or increase employee productivity?
Learn how you can customize Salesforce Community Cloud to fit your needs with the Lightning Bolt framework, Lightning Components and Community Builder.
Earlier this year, we released Lightning Web Components (LWC), a new UI framework based on web standards and optimized for performance and developer productivity. We have now open sourced the Lightning Web Components framework so that anyone can build applications on any platform.
Join our webinar where we'll explore how this framework, based on standard HTML, modern JavaScript (ES6+), and the best of native Web Components, helps you create web components and apps using the stack and tools you prefer.
Building Complex Traversing & Branching Apps Using Visual Workflows and ApexSalesforce Developers
Use the power of Visual Workflows and Apex to build applications like Surveys, Call Scripts, and Quizzes. Join us as we demonstrate building complex workflows that traverse multiple paths based on users' input and custom branching logic.
Lightning Web Components are a JavaScript programming model for building web applications and interfaces that is built on the best of web standards.
Any front-end web developer can get started with LWC and leverage custom elements, and JavaScript APIs to create modern apps and experiences that are fully aware of Salesforce data and processes.
Lightning Web Components - A new era, René WinkelmeyerCzechDreamin
With the rise of Lightning Web Components a new era for building custom applications on the Salesforce platform emerged. Being based on web standards, this new programming model enables developers to leverage standard web development skills for crafting their custom components. In this session we'll walk through about what Lightning Web Components are, how to build and deploy them, and how to run them everywhere.
Customizing Salesforce User Interfaces with Lightning ComponentsSalesforce Developers
Beginning with Salesforce1, Lightning Components are being used to create and update user interfaces company-wide. Join us to learn how to use the Lightning Components that you develop or install from AppExchange to customize these UIs in ways that were previously difficult, or impossible. This session is aimed at intermediate users who have some experience with Lightning Components.
Get Started with Lightning Web Components Open SourceDeveloper Force
With the announcement of Lightning Web Components (LWC) Open Source, developers can now leverage the same UI framework for building applications on Salesforce, and on any other platform. This opens up new possibilities for simpler code sharing, faster application building, and an overall better developer experience. Learn how to get started with LWC Open Source and how to build your first component.
With the Lightning Framework you can build modern apps faster and run them across all your devices. With the Winter ’17 Release, we’ve delivered a number of enhancements to Lightning to help you build even faster including new Lightning Base Components and Lightning Data Services. Learn about these important new features and more in this must-attend webinar.
- Accessing data more easily and efficiently with the new Lightning Data Service
- Building Lightning Components faster with new Lightning Base Components
- Developing more interactive experiences with new Lightning Quick Actions and the Utility Bar
Building Apps Faster with Lightning and Winter '17Mark Adcock
With the Lightning Framework you can build modern apps faster and run them across all your devices. With the Winter ’17 Release, we’ve delivered a number of enhancements to Lightning to help you build even faster including new Lightning Base Components and Lightning Data Services. Learn about these important new features and more in this must-attend webinar.
The Force.com IDE includes new features to help you develop and deploy your Lightning Applications. In this session, the Platform Developer Tools team will give you a preview at these new features through a live demo of building an app. Let us know what other features you would like to see to accelerate your Lightning Development eXperience!
Build Apps Fast with Lightning Components from ApttusDreamforce
Join us to learn why you should be investigating Lightning, how to create an app using Lightning App Builder and hear some tips from experts at Apttus. Learn how to assemble event-driven apps using Lightning components, the reusable building blocks of apps. This session is for anyone who wants to gain some early insight into Lightning and build an app with little or no development experience.
Einstein Analytics is the Salesforce-native analytics platform, providing users with insights into their business. This session dives into topics including APIs, metadata, packaging, and other development tools. Whether you’re just getting started or have already been working with Einstein Analytics, join and learn how to best use this analytics suite to build the customer apps people love.
This Presentation helps to get you started with Salesforce.com lightning products
Lightning Connect
Lightning Components
Lightning Process Builder
Lightning App Builder
This was Presented in the
Salesforce.com Kerala Developer Group Meetup
Salesforce.com Gurgaon Developer Group Meetup
Salesforce.com Chennai Developer Group Meetup
By Shivanath Devinarayanan
The presentation for the community event on September 09 2021. Covers few winter 22 release features and strategies. Content is pulled from different official SFDC sources. This is educational material for the developers community to prepare for the release and win some swag on the way :)
Similar to Salesforce Lightning Web Components - Open Source (20)
Salesforce Identity Management. Basics of authentication and authorization. SAML, OAuth 2.0, DIfferent flows in Oauth 2.o, Demo in Saklesforce for Identity and Service Provider. Fremont Trailblazer Group March 2020 Presentation.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Salesforce Lightning Web Components - Open Source
1. Lightning Web Components Open Source
Trailhead DX 2019 - Announcement
Jayant Jindal
Fremont Salesforce User Group Lead
https://www.linkedin.com/in/jayantjindal
@jayantjindal
2. 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.
Forward-Looking Statement
Statement under the Private Securities Litigation Reform Act of 1995
3. • Check-In :10 min.
• Trailhead DX Global Gathering 2019 highlights : 5 min.
• Global Gathering presentation (Hands-On Lightning Web Components Open Source): 40
min.
• Icebreaker : 15 min.
• Icebreaker Winner: 5 min.
• Networking Reception: 30 min.
Agenda
5. Enhanced productivity
Use web standards like ES6+, classes, modules,
custom elements, and templates
Built for performance
More code executed by the browser instead of
JavaScript abstractions for a blazing fast experience
Compatible and easy to use
Runs side-by-side with existing Lightning components
and can be composed with clicks or code
Introducing Lightning Web Components
Generally
Available
Spring ‘19
(Feb)
New programming model built on modern web standards
7. Fragmentation
● Proliferation of frameworks
● Components are not interoperable
● Skills are not transferable
● Resources are hard to find
● Framework abstractions are slow
8. W3C and ECMAScript Standardization
● ECMAScript
6,7,8,9
● Classes
● Modules
● Promises
● Decorators
● Web components
● Custom elements
● Shadow DOM
● Templates and
slots
11. Lightning Web Components
• Modern Javascript framework
• Before introduction of LWC, web has 3 layer: Browser, Application, JavaScript (Middle). To
reduce middle framework dependence, LWC was introduced
• Understand Pillars of HTML Web Components – Import, Template, Custom Element, Shadow
DOM
• LWC use Lightning Data Service (LDS)
12. Lightning Web Components – Open Source
• Javascript framework which is open source
• Lightning Web Components is built on the latest web standards, which is using a cutting-edge
framework based on the latest patterns and best practices
• Contribute and drive framework to community by sending PR (Pull Requests) to git
(https://github.com/trailheadapps/lwc-recipes-oss)
• Since Salesforce is part of W3C, ideas can be tabled by Salesforce to make your idea generic
• Not required to learn multiple frameworks like: React, Angular
• Compatible with multiple browsers e.g.: Chrome, IE11
• Example: Use LWC to build the employee-facing side of an application on Salesforce and
React or Angular to build the customer engagement side of the application on Heroku or any
other platform
15. Lightning Web Components – Open Source - Steps
• Install node.js (and npm) from the node.js site -> Install git from the git-scm site if you don't
have installed -> Clone the LWC Recipes OSS repository to your local computer -> Install
Visual Studio Code (optional, but recommended)
• lwc.dev
• LWC Platform App
Lightning Web Components is a new programming model for building Lightning components. It leverages the web standards breakthroughs of the last five years, which means you can use more of the modern language of the web, build components that have blazing fast performance, and what you build can coexist and interoperate with the original Aura programming model.
To understand why we are launching Lightning Web Components, it is helpful to go back a few years and take a look at the web stack in 2014.
Back then, web standards only offered a limited foundation for the full stack that developers need to build large scale web applications: a rendering engine, standard elements, events, and a core language (ECMAScript 5). In addition to being rudimentary, that foundation had other shortcomings traceable to its roots as a page rendering platform, not an application execution platform. For example:
Rendering wasn't optimized for continuous UI transformation
Standard UI elements were scarce and the standard didn't support the creation of custom elements
The core language lacked modern constructs to write large and modular enterprise-class apps at the client-side (modules, classes, promises, decorators, etc.)
As it is often the case, the community and software vendors jumped in to fill the gaps. For example:
Different libraries provided different language extensions to support modular and large-scale development: modules (AMD and CommonJS), promises, classes, and other general utilities.
Different frameworks introduced different component model and html templating approaches.
New techniques were developed to optimize rendering (for example, the virtual DOM in React, Ember, and Vue).
In 2014, when we launched the Lightning Component framework along with the Aura programming model, we were part of that effort to push the web forward and enable large scale client-side application development on the web.
Although these community and software vendor efforts made it possible to develop large scale client-side apps on the web, they also came with a number of challenges:
Frameworks became the language. React, Angular, and the Lightning Component Framework are all JavaScript frameworks, but they provide such a high level of abstraction that they feel like different languages.
As a result, skills were not transferable, and developers were hard to find and ramp up.
Apps and components written with different frameworks are not interoperable.
This fragmentation underscored the need for standardization.
That is when the standard organization woke up: the last five years have seen an unprecedented level of innovation and standardization, mostly driven by the W3C/WHATWG and the ECMAScript Technical Committee (TC39) of which Salesforce is a member. The list of standards developed during the last five years includes:
ECMAScript 2015 (6), 2016 (7), 2017 (8), 2018 (9) and beyond (adding classes, modules, promises, decorators, etc.)
Web components
Custom elements
Templates and slots
Shadow DOM
As a result, the web stack looks very different today than it did five years ago, with its weight now heavily tilting towards standards.
The core stack finally got the update it needed to become an application development platform in its own right. Many features that required frameworks now come standard: you no longer need a proprietary component model, proprietary language extensions, proprietary modules, etc.
The standardization of the core stack is incredibly exciting and opens the door to a new breed of frameworks: frameworks whose major task is no longer to fill in the gaps in the core stack, but to provide a thin layer of specialized services on top of a standard stack that is now suitable for large scale app development.
Lightning Web Components is the Salesforce implementation of that new breed of lightweight frameworks built on web standards. It leverages custom elements, templates, shadow DOM, decorators, modules, and other new language constructs available in ECMAScript 7 and beyond. Lightning Web Components provides a layer of specialized Salesforce services on top of the core stack, including:
The Base Lightning Components, a set of over 150 UI components all built as custom elements.
The Lightning Data Service which provides declarative access to Salesforce data and metadata, data caching, and data synchronization.
The User Interface API, the underlying service that makes Base Lightning Components and the Lightning Data Service metadata aware, leading to substantial productivity gains.
Install node.js (and npm) from the node.js site -> Install git from the git-scm site if you don't have installed -> Clone the LWC Recipes OSS repository to your local computer -> Install Visual Studio Code (optional, but recommended)
a. Show browser tab 1 (lwc.dev), b. Highlight quick start section on the left, c. Click Get Started button - We're starting on the homepage for Lightning Web Components Open Source. The page contains quick start and full installation instructions, as well as a detailed guide on the available capabilities. Let's take a look at the documentation first.
Highlight left navigation bar - If you already have checked out the documentation of Lightning Web Components for developing on Salesforce the navigation should look familiar to you. It is exact the same framework as if you would develop on Salesforce - and with that all the skills that you learn when developing Lightning Web Components apply for both developing on Salesforce, and off Salesforce
Click Installation -> LWC CLI -> Recipes - To get started with Lightning Web Components Open Source we will use two of the items that are listed in the installation section. The `lwc-create-app` tool and the Recipes sample application, which everyone can access on GitHub.
Click on Octocat button in the top right corner - And speaking about GitHub - Lightning Web Components Open Source means that we all have access to the code. We can see what's going on with the framework, dig through the code, and open issues if we see areas for enhancements.
Create your first LWC off platform app
Show browser tab 1 (lwc.dev) - For getting started with Lightning Web Components Open Source we use the lwc-create-app tool. It creates a scaffolded project structure and a first simple app and more. As it's open source as well you can file any time feature requests to enhance the experience.
a. Open terminal\/shell -> Enter npx lwc-create-app global-gathering-fremontug - Lets create now our first app. A few things are happening here on the screen: \u003ci\u003enpx\u003c\/i\u003e is a tool that runs the \u003ci\u003elwc-create-app\u003c\/i\u003e without actually installing it. This is the preferred way of creating new projects, as you'll always use the latest version. We're providing the name \u003ci\u003eglobal-gathering-fremontug\u003c\/i\u003e as parameter. This will create a new project with that name.
walk through setup questions of lwc-create-app installation by just hitting enter all the time - There are a couple of questions that we answer during the installation process, like name of the app, GitHub user and repository, and so forth. We're accepting all the defaults. The installation now creates the folders and files, as well installs all the dependencies. This may take a minute or so.
Open folder global-gathering in IDE\u003cbr\u003e- Highlight configuration files and folders in project - Let's take a look at the folder structure. For those who used the Trailhead Sample apps, or are familiar developing with frameworks like React or Angular will identify many known files. The lwc-create-tool scaffolds everything as needed, from formatting rules to linting to unit testing, so that you don't have to worry about setting up all the things on your own.
Expand src folder\ -> Open index.html, highlight line 19 -> Open index.js - Thr src folder contains the entrypoint for the Lightning Web Components application. The index.html file contains standard HTML, like every other website. Note in line 19 - there is a custom element <my-app></my-app>. This is the initial web component. And when we look at the JavaScript it's really only about creating this first web component.
Open modules folder -> Open app folder -> Highlight html, css, js files - In the modules folder you can see the my folder. This is the namespace of the webcomponents. Remember the custom element <my-app> in the HTML file? That naming is defined by the folder structure. It is similar to custom Lightning web components in Salesforce, whereas they are defined in the c namespace, like <c-my-component>. Whe we look at the contents of the app component you'll see the same files as you'd see when developing on Salesforce. The only missing part is the metadata definition file, as that's not needed.
Open app.js -> Open app.html, highlight line 5 - When we look at the JavaScript code of the app component... well, not much going on there. That's because this web component is really only used for displaying things. When we look at the HTML markup we see that this web component contains another web component - <my-greeting and that in different flavors with a different parameter value. Now let's see that in action.
Open terminal in global-gatherings folder -> Run npm run watch -> Open browser window on shown address - Within the terminal we run the npm run watch command. This uses a dependency of lwc-create-app, and starts a local development server. When we open the provided URL you'll see the app running locally.
Open -> Comment line 5 in app.html -> Uncomment line 6 in app.html -> Save and switch to browser - Now how would the development process look like? Because we run locally, and have a development server running, we can make use of hot reloading. Which is provided out-of-the box. Let's change the <my-greeting> web component that's used. The new one will display the greeting message faster. Ok - ready? Save. And you see in the browser it's instantly refreshed.
Quit watch command in terminal (ctrl+c usually)"] - Now let's quit the watch process, as we're going to use the port in the next demo, where we focus on a more complex structure.