 Hello everyone, this is the first module of lightning or a component development in this module. We will discuss about introduction to lightning component framework. So the topics which will be covered that is what is Salesforce lightning. Why to use our components programming model or our components, events, browser support for our components, my domain and developer console. So let's first discuss about what is Salesforce lightning. So lightning basically includes lightning component framework. So nowadays if you are working on Salesforce, so Salesforce provides lightning experience by default and in that lightning experience you need to use lightning components. So earlier to lightning Salesforce used a classic. So nowadays if you are working in lightning experience. So whatever component you will be building. So those are known as lightning components and they are developed with the help of lightning component framework. So advantages of lightning component is like one can build responsive applications for any device. One can use app performance. One can develop components those can be reused by other developers and admins for communities lightning experience and Salesforce mobile application. And so if you are using if you are developing any lightning component using lightning component framework. So those components can be placed on communities, which are nowadays known as sites, then on lightning experience, or if you are using Salesforce mobile app so there also you can place your lightning components. Lightning app builder empowers admins to build lightning pages, visually, without using codes, but you need to make lightning components available in the lightning app builder. So if you're creating any home pays app pays or record pays with the help of lightning at builder. So there you just need to drag and drop the components, but if you want to drag and drop any lightning component, then you need to first build that lightning component with the help of lightning component framework, then only it will be available to place that lightning component on app page home page or record page. So this is basic about what is Salesforce lightning. Now why use our components programming model. So basically, if we are talking about Salesforce lightning component framework. So it provides you to framework one is aura, and one is LWC. And it is lightning web component. So initially, we will see all the modules related to aura. And then later on, you will see how we can build components in a webcam through web components as well. Focusing on the aura component programming model. So out of the box components, they support even driven architecture, a framework optimized for performance rich component ecosystem fast development device aware and cross browser compatibility. So these are some features which are available if you are implementing any component with the help of our component programming model. So, talking about particularly aura components. So they are self contained and reusable units of apps. Framework includes a set of pre built components components that come with lightning design system styling are available in lightning game space. So if you're implementing aura components, so you can use lightning design system as well so that you can apply a pre defined styling and you can modify that as per your requirement as well. You can combine or configure components to form new components in app. A component can contain other components, as well as HTML CSS JavaScript or any other web enabled code. Right, so this you need to remember while working with our components. So, if you are implementing or a component so you must know information or maybe I can say how to code in HTML CSS and JavaScript, along with apex, right so if you are in Salesforce ecosystem so everybody is familiar. If they are working as a developer so they are familiar with apex, but if you are building any aura component so you must be aware with HTML CSS and CSS and JavaScript, because all the front end work is done in these three with this with these three tools only. And if you want to access your s objects. So for that purpose we use apex. Right, so HTML CSS JavaScript and apex these four work all together to make any other components so that we can interact with the objects, and we can provide fast access in the browser. Now after understanding a little bit about aura and lightning component framework. So, let's compare lightning and visual force. So if if we talk about Salesforce classic. So in Salesforce classic, we used to develop visual force pages. But if you are working in lightning experience so we basically implement lightning components, either through aura or through web components. So, if we compare lightning and visual force. So lightning provides client side us and nation, whereas visual force supports server side us and nation. So this we have space basically resides in server and whenever you hit any button or you perform any any like any event or any activity. The whole page renders on the UI from the server. But in case of lightning, you can split it into client and server. So some business logic runs on client side only it renders only once and it executes client side on client side again and again with the help of JavaScript. But if you want to interact with your s object in that case we need to like interact with the server. Right. So this is the basic difference between lightning and visual force. So visual forces totally server side us and nation, whereas lightning is client side us and nation along with server side access for interacting with s objects. Then lightning is API centric model, whereas visual forces page centric model. Lightning supports component based framework, whereas visual force support MVC framework that is model view and controller. Then in lightning JavaScript framework is also supported, whereas in visual force, basically tag based language are supported. Then lightning is designed for lightning experience as well as for Salesforce mobile app, and even lightning components you can use in Salesforce sites, those are also known as communities. And if you are implementing visual force pages so those are specifically designed for Salesforce classic. So nowadays, we don't use a classic, we prefer lightning experience. So that's why lightning components are popular as compared to BF. After understanding the comparison between lightning and visual force. So next feature that lightning component support those are events. So if you are implementing lightning components so even to end programming is used in JavaScript and JavaScript Java swing so in lightning component like we are using JavaScript so these events we can implement there as well. So we need to write handlers that respond to interface events as they occur. There are two types of events in the framework one is component event and one is application event. So if specifically if I talk about aura. So these two events are available so in order basically we create components, as well as we create applications. In later modules, you will see how we can create components and how we can create applications, and how they interact with each other. And it can also possible like you have nested components in case of aura. So, so that you can reuse particular components, those you have implemented. So, if we have two types of implementation one is component and one is application. So, for those two types of events are available so if if you want component event to work so that has different functionality. So you can send events from one component to another component so that they can handle. And if you want to like perform event on complete application level. So application events are also available. So difference between component event and application event we will understand in the later modules. Now, let's talk about browser support so our components support the same browsers as lighting experience. So if on your browser, you are able to open or you are able to render lightning experience, then your components will also be supported on that browser. So I'm taking you to Salesforce org. So I told you two more things in the beginning, that is my domain and developer console. So I'm just opening the setup. So nowadays, if you create any org so Salesforce automatically enables this my domain for you. So how you can add it that my domain so earlier we used to create or we used to enable my domain but now. So once you create your account in Salesforce. So right now I'm using developer edition so when I created my account in this developer edition. So this domain is created automatically, right if this lightning domain is available. My domain is available then only you will be able to access lightning experience or you will be able to place or create your components. Now, if you want to add it this domain name so you can modify this and you can check the availability. Right. So current my domain URL so for me it is sg tech three. You can have my Salesforce.com. Right. So this way you can modify this and you can like set other settings as well. Next is developer console so you can open developer console from here. Right. So it is already opened in my org. And if you want to create lightning or components. So you need to click on file new and here you will see two options are available lightning application and lightning component. Right. And if I talk about lightning web components. So for that you need to install additional tool or ID that is VS code and through that VS code you will be able to create components. Right. So in case of aura we will be using developer console only and while understanding lightning web components so we will see how we can create components to VS code. So in later modules I will tell you how we can create components and applications with the help of lightning or a component framework. So in this module. I just explained the basics or you can say introduction to lightning component as well as a little bit about aura. So thank you.