‫Hey, there.
‫Welcome back.
‫Now in this lecture, let us discuss about classes and ideas in simple words.
‫They both are used to give a name to any division or any type of order, bag, block whatever you want
‫to say.
‫So we use them to identify or to give a new identity, unique identity, sometimes to any specific block.
‫Now how do we know this is valuable?
‫Or maybe I have an image.
‫I have a logo image.
‫Let me call this as logo not being printed on power, but I'm assuming that you will understand that
‫here we have a logo not being, and the part name that I'm trying to give is travel meet.
‫So this is my first day and the second day I have some search bar.
‫So maybe I have a complete form here and then there are several other few.
‫Let me call this as input field and maybe a few other input fields.
‫So this is a big form.
‫I have certain things here.
‫Now, by the third part, I have some buttons, maybe log in button or something else.
‫So maybe I have these buttons.
‫Let me call it a log in something like this, so.
‫The second button will be referred to as registration.
‫So I have these three buttons, I have these content.
‫He.
‫So you see, as we are more content, this keeps on growing.
‫Now how do I call them?
‫How do I recognize them?
‫OK, if you say go to do that is related to image.
‫How do I know?
‫Which is that particularly in terms of system, in terms of computer?
‫I know this is they've been my long ways, but in terms of program, in terms of system, how they are
‫going to recognize this, that's where these glasses and IDs content.
‫So we basically add an attribute.
‫So we use I.D. equals to logo here, and this is a unique attribute.
‫And if I say it equals to logo, that means I'm calling to this particular note.
‫If I jump onto this page as a system, if I say go do, it equals two logo for us by declarative and
‫colors.
‫Background as black or blue opal something like this, they will jump here, they will jump to do and
‫they will get this logo and they will do all the changes here.
‫I hope you got the basic idea.
‫Now this is the first important functionality, which is it.
‫Now what is glass?
‫Glasses something similar that what we are doing with I.D. But we can use this glass name multiple times.
‫For example, when we say ID equals two logo.
‫It's a unique content.
‫It's a unique I.D. now.
‫And I cannot refer to our and quality logo again.
‫No, I'm not going to do that.
‫It is unique for individual elements and you cannot repeat it again and again.
‫Maybe you want to call this.
‫You can call this as such if you want, but you cannot call this as logo.
‫Remember, this idea is unique.
‫The second thing is class now Class B uses to generalize.
‫Think so?
‫I can use class here, and maybe I have some general content that I can refer here, or maybe anywhere
‫else.
‫So if I seek class, I will call this as now.
‫And similarly, I will add a class here.
‫And call this as now.
‫And similarly, add a class here and call this as now.
‫So now class means if I say now, that means all I am going to say like this, I'm going to select this
‫as well as I'm going to select this.
‫I hope you got the idea.
‫Let me divide this here.
‫So in this way, we are going to select all the elements, if I say IED items unique, it is restricted
‫to only one bag, one element.
‫But if I say glass, it can be repeated multiple times.
‫Now why this is important in this way, we can balance both type of grouping.
‫Now here I know all this content is navigation.
‫So if I said now a background of navigation is blocked, that means the whole navigation bar will be
‫blocked.
‫But if I see a background of a particular IED is transparent, then I can add some other restriction
‫and I can customize that particular element.
‫So it will help us to generalize, also maintain the uniqueness that the shark form of glasses and if
‫you have generalized content with the help of glasses, but you have maintained their identity also.
‫Now, if I need to give it here, I will call this as such.
‫So in this way, I have generalized this as navigation, and I have also provided a uniqueness of such.
‫And similarly, I will call this as odd authorization that include log in and registration.
‫So that's how this whole I.D. and glasses work.
‫Now this is pretty important for CFS as well as JavaScript.
‫So maybe in future you jump onto the train javascript content.
‫This is going to help you a lot.
‫Now, one important thing that you need to understand when we work with CSIS, we need to add styling,
‫but how we will learn if I say I need to stay in this log in button or I need to stay on this registration
‫button.
‫How we are going to add styling.
‫The easiest way is I'm going to tell my program getting to Dave and Sage for ideas on it and then select
‫the button.
‫Now if I need to add unique idea for this element or log in, I'm on this as noggin.
‫So if I need to say OK, I need both specifically designed this button, I can get to this button and
‫select this ideas.
‫Log in that time window.
‫Design this log in button.
‫So that's how we grow things with the help of the vision.
‫And that's how we divide things with the help of these ideas.
‫That means to provide unique name to everyone.
‫So here we maintained everything.
‫I hope you got the idea.
‫If not, I strongly recommend to watch this lecture again.
‫And the previous one also this divine span thing.
‫This will help you to understand how to group things, as well as provide them a unique way so you can
‫customize them.
‫That's all on.
‫One quick, important thing that you can do right now is provide names to all these elements.
‫So since you can see we have described this as banner, but instead of doing this individually, we
‫can provide them specific name.
‫One example I can add a class here and call this as further, and maybe I can add a glass here and call
‫this as main content and I can also call this has class here and Android.
‫This has navigation.
‫So that's how I can divide things into multiple form.
‫So this is one time now ahead, I hope you got the concept this device referred to as squandered this
‫day is referred towards, I mean content and this is referred to as our navigation.
‫And then we have grouped things according to our own requirements and some basic example that help you
‫to understand this basic concept.
‫Now there are a lot more things.
‫Don't worry, even if you don't understand this, we have a lot more concept, but make sure to try
‫to understand this right now itself.
‫Watch the lecture again so you can understand CFS quite pretty well.
‫Also, if I click here, you can check how our mapping is done.
‫We are in the HDMI port and side that we have body inside that we have.
‫They've got navigation, which is our division with the navigation glass and inside that we have them
‫all watches this port and then inside that we have button with log in.
‫So this is mark and with log in.
‫So that's how we can map things.
‫OK.
‫That's all that said for this lecture.
‫In the next lecture, let us understand about one important topic, which is known as HDMI semantics.
‫The aim of this lecture was to understand I.D. as well as glasses.
‫It is used to provide unique name glasses is used to provide generally.
‫Now we are going to discuss about this more in next lecture.
‫So thank you for calling and I see you guys in the next one.