Naan Mudhalavan Frontend Development Session - 1

40:06 Yeah. Hi guys. Uh I welcome you all to the front end development and database sponsored by MongoDB and smart bridge. So uh so this is our day one. I hope uh most of you all are new to this uh course. Most of you all. So uh before uh going into the tool stack development uh front end development uh first let me uh introduce you uh the MongoDB and let us make uh the registration MongoDB.

40:52 Okay. Uh just give me a minute. I'll uh I'll I'll get you back.

43:07 So uh students uh let me give you this link. I'll just forward it to the faculty. Give me a minute. I'll let your faculty forward it to you.

47:57 Hey students, I have sent uh uh link uh to your faculty. Uh you'll ask them to forward it to your There we go.

49:36 So guys uh please look carefully. Please look carefully when you open this link. When you open this link when you open this link uh which your faculty have given you'll be uh directly navigated to this page. Okay, you'll be directly navigated to this page. Then after navigating you can find this course called MongoDB database admin path self uh manage for smart bridge. Okay. So after uh going to this page you click on register. Click on register.

50:25 Then please don't select this Google please don't select this uh Google registration you can direct you please don't select this Google registration click on sign up after coming here then manually type your email ID okay manually type your email id okay please don't click on Google uh sign If you don't have an account, please don't click on this Google sign up manually. Click on this sign up and then try to give your email, first name, last name and password.

51:11 Leave the company name then sign up. Okay. give your first name and last name properly because on the certificate you will be you'll be getting this name only from the MongoDB. Okay. On the certificate you will be getting this name only. I recommend you all not to directly sign up. Please don't sign up using this Google manually. Click on this sign up option. Manually type your email. Okay. manually. Please type your email, first name, last name and password because because you'll you know uh the name whatever uh you the Google is giving

51:58 that will only uh that will only be considered and that will uh affect in your certificate. So I prefer you manually go to this uh sign up and give you your email manually. Okay, understood. So uh I hope uh your faculty will follow this. Your faculty will follow this. So after that after registering what will happen is after registering you'll have 22 units.

54:37 In that uh MongoDB course you'll be having 22 units. So you have to complete Just give me a minute. Give me a minute and I'll show you this.

58:13 Okay. Uh, now can I sh see my screen? Oops. Okay. I hope my screen is visible. I hope my screen is visible. So here when you click on this register when you click on okay now you can see all the units here. Okay. Now you can see all the units here. Click on this back to dashboard.

59:09 So here in this dashboard you can see MongoDB database admin path self-manage for smart bridge. Okay, you have 22 units in this. Okay, these are the all the 22 units. These are all the 22 units. Okay. You need to you need to complete you need to complete all these 22 units. Okay. Then then you will get a proof of completion certificate. Then you will get a proof of completion certificate. Afterwards,

59:56 afterwards you have to you know afterwards you'll get a vulture uh you'll get a vulture in your mail. Okay. Using that vulture actually uh this exam this Mongol database administrator exam is cost of $150. So we are providing a free vure for you if you have if you complete this path. Okay. If you have completed this path all the 22 units self-paced 22 units then we will be uh providing you a vureer then using that vureer you have to uh register for the exam and you have to write it fine clear

1:00:43 so this is about MongoDB registration this is about MongoDB registration Now let us come back to our front end development. Now let us come back to our end development. Okay. I hope I hope everyone I hope everyone install is having VS code. Whoever is not having VS code, whoever is not having VS Don't worry.

1:02:10 Okay, whoever is adding VS code, give me a minute. Just give me a minute.

1:03:26 Okay. Uh I have shared my screen. Whoever is not having VS code, please go to uh this VS code download. Okay. And please download this VS code in your laptops. Please download this VS code in your laptops. Okay. If it is Windows, please download this. If it is Mac, please download this. Okay, I give you a 2 minutes time. Please, everyone who is not at school, please download it.

1:07:39 So yes guys, now tell me actually what is front end development? What is front end development? Actually what is full stack? Let us understand what is actually full stack. So full stack development thing but the front end back end along with the database. Front end back end along with the database. Okay. So uh now let me tell you what is front end and what is back end. So now you are seeing something on your laptop or your mobile phone. So whatever you

1:08:27 are seeing whatever this is an application right uh you are seeing it uh you are seeing YouTube on in your laptop that is a application right? So whatever application uh you see so the user interface it's called a front end whatever you are seeing whatever your you know your the uh application is visible whatever part of the application is visible that totally comes under front end okay that totally comes under front end okay then what is back end back end is nothing but something called serverside logic. Okay,

1:09:13 server side logic where no one can see where no one can see where no one can see the code. Okay. Whatever. Uh

1:10:17 Okay. So what is back end? So whatever logic, whatever functionality we write

1:11:59 Okay. Now, uh front end is separate, back end is separate and your database will be connected with your back end. Okay. What is back end? Back end is a server side logic. Okay. Which uh no one can see it. Fine. Now your front end is separately hosted and your back end is separately hosted. There is no connection between your front end and back end. There is no connection between your front end and back end. From the front end you'll just send a request for the back end and you'll get some data from the back end. That's it. This will happen. Okay? And your back end will be connected with your database. your back end will be connected with your database. Fine. So

1:12:46 now let us see what is front end what all are used in front end. So basically whatever uh the front end uh developers do is they whatever front end applications you build or whoever will build the front end application mandatorily we use HTML, CSS and JavaScript. Okay, for the front end application we use HTML, CSS and JavaScript. Let afterwards let us I'll tell you I'll explain what is ReactJS. Okay, for now just think just think what how uh HTML, CSS and

1:13:32 JavaScript work. See, HTML will give you HTML will give you the structure. Okay, HTML will give you the structure. Fine.

1:18:06 So now let us see what is actually front end is front end development uh is also called as client side that means whatever you are seeing from your side is front end. Okay. So actually uh what it like you can also call as whatever user interact with whatever user interact with okay it is also called as user interface okay what it is also called as user interface okay in front end development uh developers focus on implementing you know uh UIU design what is UIU user uh interface and user experience design okay

1:18:54 uh you can see uh for example in Instagram um like there were while you're using uh the UI UI UX designers how they think is how comfortably how easily okay how uh adaptively they can use the application so where to place which button okay Instagram If if you find I think some many changes uh were done. I think before uh search option was not down I guess before it was up there then again they have changed it to down. So the UIUX

1:19:40 designers first they give the plan how the application should look how like uh before you construct an house uh you go to you consult an engineer uh then the engineer will give you some plan and they'll give you the outcome of it how the uh house should look here uh there should be a the room here. Uh this this will be the living area. This will be the uh dining uh room and the master bedroom is here. The kitchen is here and so on and so. So this is how UIUX designers also for uh the application. The UI UX designers

1:20:27 give you the uh template like how the uh your app should look. Okay. Uh then we will after UIUIUX designer will pass the template then we will the front end developers will start working on it. Okay. The front- end developers will start working on it. Okay. Now how they will start working on it? How they will start working on it? So what all languages we use in uh front end to develop a front end to develop a user interface we use HTML CSS and

1:21:13 JavaScript let we'll uh discuss more about this HTML CSS and JavaScript what is actually HTML is what is CSS is what is JavaScript is okay and also TypeScript and advanced level of JavaScript and we have some uh libraries for our uh JavaScript also like React is our front end library. Okay, give me a minute.

1:23:33 Okay. Now let us discuss about HTML. As I told you first after giving the structure after uh the UIUX designer we give the structure of how your application should look then uh we the front end developers using HTML CSS and JavaScript they will start doing it. So for let us understand actually what is HTML CSS and JavaScript. HTML gives you the structure. Okay, HTML will give you the structure. Okay, HTML will give you the structure.

1:24:22 Whereas structure means uh like uh the button uh the heading tag, the paragraph tag like that HTML will give you the structure of it. Then after using CSS you have to beautify your uh content. Okay, you have to beautify your HTML and using JavaScript you have to give the functionality for it. Okay, using JavaScript you have to give the functionality for it. For example, I'll tell you in a uh clear way. Have you seen any car manufacturing?

1:25:10 Have you seen any car manufacturing video? So there what happens is first you'll get only the uh the what you call the body only the body of the car without anything only the steel body whatever is there first that you'll uh they'll create that okay they will create that steel structure of the car fine they'll create the structure of the car that structure You know that structure then afterwards after giving the

1:25:55 structure they'll paint they'll paint the car right they'll paint the car then after that they'll add the engine tires and whatever it is. So this three stages these three stages are nothing but whatever structure you the car uh in initial stage whatever structure you are uh creating that is called HTML then after that whatever color you are adding whatever styling you're doing then it is uh you know uh done by CSS CSS then afterwards whatever uh uh you know you add the engine, you add the tires, you add that means adding functionality to that uh car, right?

1:26:40 Adding engine and tires mean uh that means you're adding some functionality to it, right? So this is uh similar with the application also web application like if you want to design any application then you have to structure your application using HTML. Okay. Then after you have to give a styling and you have to add modification. You have to you know do adjust your uh uh layout using CSS. Okay. Then after you have to give functionality for it like you need to login, you need to log out, you need to register. So these are all uh these are all called functionalities.

1:27:28 Okay. you need to give you know uh functionality for it using JavaScript. Fine. So this is about the brief how we build uh a basic web application using this. So afterwards what after using this HTML, CSS and JavaScript instead of uh you know putting it in different different things. So we'll use see using HTML, CSS and JavaS JavaScript uh might take a little bit you know uh more time and it will make code uh complex type of thing.

1:28:15 So to overcome this to make few solutions easy uh we have one library called JavaScript uh sorry ReactJS. It is a front end library built on JavaScript. Okay. So we'll make use of that React and we build applications. Okay. And we will build applications. So for now, so for now let us start with HTML. For now, let us start with HTML. Okay. Uh before coming to starting HTML, what actually HTML means? HTML means hypertext markup language. Okay. HTML

1:29:01 means hypertext markup language which will give you the structure to your application. Okay. Yes.

1:31:14 Yeah. Okay. Uh sorry guys. So what is actual HTML means? HTML means hypertext markup language. Hypertext markup language. So this will give you the basic structure of your web application. Fine. So as I told you what is HTML? HTML is a stands for hypertext markup language. Okay. Which will give us web pages. Okay. It will describe the structure of our web page. Okay. It will consist of uh elements. I'll explain it. HTML elements will the browser how to display the content.

1:31:59 Based on that elements you will display the content. Okay. So let us do it practically. Sorry.

1:33:09 So I hope everyone has uh downloaded VS Code. I hope everyone has downloaded VS Code. So, everyone please create a folder. Create a new folder where uh on your desktop or uh wherever you want. Everyone quickly

1:35:05 Everyone, please create a folder. Okay. Now everyone please open VS Code. After creating a folder, please open VS Code.

1:36:08 After opening VS code now you can find open file or uh sorry open folder here. After opening uh your VS code you can find open folder here. If you don't find this you can click on this file option there above. Okay. File option there and you can click on this open folder. Click on this open folder. Here I have created an uh folder on the desktop and I'm opening it. Okay. Fine. Click on open folder.

1:36:58 Click on this open fold pile option and open folder. After that you select whatever folder you have created just now. Fine. Select whatever folder have created just now and open. So here let us do some practical uh thing. Okay. Here just click on you can find this new file option here. When you over on this folder here, then find find this icon here. New file. Click on this new file. Create a file called index.html. Okay.

1:37:45 Create a new file called index.html.

1:39:08 So everyone have created uh this index html page. Now here type exclamation Enter. Add exclamation. Enter. After creating this new file, please type exclamation and enter.

1:40:03 So everyone after creating a new file once again show type exclamation mark type exclamation mark and enter type exclamation Mark and enter.

1:41:42 Okay. Now you'll get this type of Now you'll get this type of boiler plate. Okay. So uh before coming to this I'll explain what are tags and elements in HTML. So whatever HTML you develop you develop in you write it inside these type of things angular brings okay you write it inside this type of angular so what are the uh these are so and opening and closing sorry greater than less than symbol so this is called a tag okay this is called a tag so this

1:42:28 This corner this is called an opening tag. Okay. uh less than symbol and a greater than symbol or else the both angular braces. Okay, this is called as opening text and and we also have something called closing tag.

1:43:14 This is called closing tag. So this is called closing tag. This is called an opening tag. This is called a closing tag. How uh we write an opening tag and a closing tag? I'll show you. So uh for for now let us consider this H1. So this is some we have something called H1 tag in HTML. I'll tell you I'll tell you I'll explain this. Before that let us see

1:43:59 what is a tag. So this is the opening tag of H1. This is the closing tag of H1. Okay. This is the opening tag. This is the closing tag. Fine. Now, now if you are having an opening tag and a closing tag, then this is called an element. If the HTML tag is having is having opening and a closing, then it is called an element. Then this is called an element. Okay, this is called an element in HTML. Whichever HTML tag is having is having

1:44:46 an opening and a closing tag then it is called an HTML element. Okay. This is the opening tag. This is the closing tag. Nothing there is no difference. Here there's no slash. Here you'll have the slash in closing tag. See like this you'll have a slash inside it. And here you have to write the name of the tag. Fine. So this is opening tag. This is closing tag. If the HTML is having having opening tag and a closing tag then it is called an HTML element. Okay. Clear here. Uh clear.

1:45:33 So now let us discuss what is this. So this is actually the boiler plate. This is the shortcut. So here this is nothing but this is HTML. This is specifying that this this file is HTML. This document is HTML. Document type is HTML. Document type is HTML. Okay. Then uh language the HTML is using which language obviously we'll be using English. Okay. Obviously we'll be using English only. Then comes then comes

1:46:22 sorry let me remove this then you'll understand. Okay. Okay. So now this is HTML element. How this is HTML element? Can you tell? See this is an HTML element. So the HTML element is having the opening tag and also the closing tag. HTML element is having the opening tag and also the closing tag. So now inside this HTML element you'll be having sub element like

1:47:11 okay like this again this HTML This HTML element, this HTML element is having now two child elements. Two child elements. Okay. For head, HTML is the parent element. Likewise, body for body HTML is the parent element and head and body are the siblings. Head and body are the sibling sibling elements. Fine. So an element can also have multiple elements inside it. An element can have elements inside

1:47:58 elements also. Okay. An element external element can have elements inside elements also. Okay, an HTML element can have multiple sub uh can have child and also childs can have multiple childs. Okay, it is like elements inside elements. Okay. So

1:48:44 but thing to remember is you have to write all the elements inside this HTML. So first first uh element inside this HTML element will come the head then the sibling will come the body. So what is the difference between this head and body? What is the difference between this head and body? Now

1:49:30 you can see here this is the HTML element and this is the parent element. Now this is the child element. These two are the child length which the head and the body. So inside head, what is head and what is body? I'll explain. So whatever data is required to this particular HTML file, whatever files are needed, whatever external files are needed, whatever important data you are giving will be inside this head element. Okay? Will be written inside this head element. So don't get confused. From now onwards I'll be calling it as a tag. Okay. Okay. I'll call this as a tag. HTML tag. I'll call this as a head tag

1:50:15 and the body tag. Don't get confused about tags and elements. Everything are called tags. But opening and closing of uh the tags are called an element. That's it. Okay. Don't get confused. So whatever important data and whatever external files are required for this particular HTML file, those data will be given inside this header tag. Okay, those data will be given in this header text and whatever data, whatever

1:51:01 um call like whatever output you see on your browser, whatever button, whatever paragraphs, whatever tag headings you see on your user interface, that will be written inside this body that will be written inside this body. Okay, remember whatever meta whatever important information and important file are needed for this HTML file will be written inside this head tag and whatever structure of HTML you are giving. Whatever buttons paragraphs, headings, images, whatever you are giving that will be written inside this will be written inside this body tag. Okay. Clear. Clear.

1:51:51 Yeah. So I as I showed you this is the example uh like doc type HTML HTML in this is the main tag this is the parent tag okay

1:52:38 the main tag of this main element ment of the HTML file will be returned inside HTML tag. Inside HTML you'll be having two child tags. One is the head and one is the body. One is the head and one is the body. Inside head you'll write all the information important information like title and everything. And inside the body you'll write what all uh things you need to display. What all things you need to display. Fine. See the do type will declare that this document is in HTML. Okay. And the HTML

1:53:25 is the element HTML element is the root element of this HTML page. As I told you whatever you write that send the HTML that will only render that that that will be the main tag okay of this HTML file. Okay. What is head? See element? Head element will contain all the meta information about the HTML page. Fine. Then comes the title. What is title? title. Uh we'll specify the title for that HTML page. Okay, I'll show you what is title also. Don't worry. And the body define the

1:54:12 document body. What all content you see on the web page will be displayed it will be displayed uh what all content you need to display on the web page you should be writing it inside the body tag. Okay. and H1 is the large ending is the paragraph tag. I'll explain that more is see you can see the graphical the pictorial representation of this HTML. So this this is the HTML file. This is HTML file. Then inside that J you'll be

1:55:00 having head and body. Then inside head you are having the meta data and inside body you are having the content whatever you need to display. Fine. This is the basic HTML structure. You can see one more example. See the HTML box is the main box. Okay. Inside that you'll be having header tag and the body tag. So head uh is nothing but uh which will contain the important information regarding this HTML file and inside the body you'll be having uh the

1:55:49 what all the content you need to display fine

1:58:29 Yeah. Okay. Understood the structure how the HTML document will look. Now then comes the elements. See the HTML is element is everything from the start tag to the ender tag. That means the opening tag and the closing tag. So this is the HTML element. This is the HTML element. If it is having one opening tag and a closing tag then it is called an HTML element. Fine. So let us do some practical things. Let us do some hands on

1:59:14 practice. So here you have uh this is the body right. So before coming to this you can find extensions option here in your laptop. You can find extensions options here in your uh VS code. There you go. And search for live

2:00:01 preview. Search for live preview by Microsoft. Okay. Live preview. You can see Microsoft name here. So you need to install this extension. You need to install this extension. Okay. You need to install this extension. So you need to install this

2:00:50 extension. Okay, you will find an install button here. You please install this extension. Now come back. Close that. Come back to the code. Now come back to the cord.

2:02:52 So, uh students uh humble request from our side. Please don't uh you know uh put your unwanted messages in the chat. Okay? Please don't uh spam it. Please don't uh if you have any queries only please give in the live chat. I we have disabled it. I am enabling it now. If you have any queries only you post it in the live chat. Okay. If you again uh not use it properly again we'll try to disable it and we are not uh responsible for your queries there and please don't misuse it.

2:03:40 Please use it for your listing. Okay, I'm enabling the chat. If you have any doubts, please ask in the chat. Okay. I'm enabling the chat. If you have any doubt, if you have anything, you please post your query in the chat.

2:04:27 Understood.

2:06:33 See uh students I hope uh live chat is enabled. Oh my god. I hope uh live chat is enabled. someone why we are using meta tag. The meta tag is also we we use it inside the head the tag and like we give some information about the file. we we give some information about the file uh for suppose uh think uh UTF8 okay meta tag UTF8 okay it

2:07:19 tells the browser to use this uh uh uniform transform uh code of 8 okay for character encoding and decoding okay it will uh prevent the strange characters like displaying on the screen and also we have view port. Okay, the initial scale. We also have this view port initial scale like you can see this in while we use media queries. Now uh in CSS uh then we can uh you know you'll

2:08:06 get to know about this okay while using media queries you'll get to know about this okay meta tag is a tag like it will be not visible in our page but our uh web web browser needs that information our web browser uh can use that information. Okay. Any other understand

2:08:52 that much about metatag see don't worry meta tag we are not going to use uh that is a different thing we which we don't use in this initial stage in the advanced level we use this thing. Okay, as I told you in uh what do you call this media queries like in responsiveness you'll be seeing this uh meta tag I'll tell you what is this meta tag Okay.

2:09:45 Visual Studio Code. Please download it. Ma'am, please. Visual Studio Code is not open. Please download it. You need a good uh internet connection. Uh Pishma, excuse me. uninstalling her.

2:10:38 Yeah, HTML body uh I'll explain it. We are not uh totally into it. Now we go into HTML body. Okay, understood. Okay. Okay. First line state. First line. It is telling that this type of document is an HTML document. Doc type is HTML. The document type is HTML.

2:11:26 See uh if you all do like this uh we'll try to uh disable the live chat. Okay. Can't do anything. So your everyone is spamming here.

2:12:11 I think the live chat is disabled. Yeah, live chat is disabled. Please, if you make if you misuse it, we'll try to disable the live chat. No question in that. Okay.

2:13:08 Okay. Someone asked about what is see uh I think uh you all have not uh still install in I think there is no space in your laptop or uh your PC. Please clear some space and you try again. Okay. Uh yeah, someone asked about the body right see whatever content you are seeing. See for now you are seeing uh if you open your Amazon, Flipkart, Facebook, Instagram, whatever things you are seeing that is uh written inside the body only. Whatever for example I write contact I write H one time

2:13:57 H equal hello okay I'll write here dash open so whatever I'm writing inside this body tag that will only you know get uh displayed that will only will get displayed in my browser. Okay. Likewise if I write whatever I write inside my body tag only that will get displayed. Okay. That will only get displayed. Fine.

2:14:45 See if I write this work or not. Let me see. See it is my H1 tag is not working here. Okay. No content should be written inside this head element. Okay. Inside the body only you have to write it. What all you write inside this body that is that will only get displayed. Okay, that will only get displayed. I mean the web browser will understand that whatever written inside the body should be displayed accordingly with the name of the element like here what I have told here h1 is the heading

2:15:34 tag. Okay. Oh sorry I have not told you right. So we have multiple uh elements in HTML. So let us discuss each and everything. So we have uh heading tags from H1 from H1 to uh H6. These are called heading types. H3 H 4

2:16:20 H5 H6 Okay. Okay. These are the heading tags from H1 to P6. Okay, these are the heading tags from

2:17:09 these are the heading tags from H1 to H6. Okay. So, what is heading text? It'll it'll have a default uh uh font style like uh bold. Okay. Like bold enough like how heading will look. Okay. But from H1 to H6 the size will decrease. The size will decrease. Okay. Uniformly the size will decrease. These are the heading tags. Now let us come to paragraph tag.

2:18:15 Okay. Whatever paragraph you write, whatever paragraph you write, whatever body you want to display in your HTML, you have to use this paragraph tag. Okay? you have to use this paragraph tag. Okay, like whatever body if you want to display any content in your web page, you want to describe anything on your web page, then you have to you can use this paragraph type. It will have its own u unique font uh style like it it looks like a paragraph only. There's no change and one uh you know this thing you have in this one feature like if you give spaces

2:19:02 between the content it will not take multiple spaces between the content. Okay. It will cut off all the extra spaces and give you only what are required. Okay. See here there's no space. Can you see here there is no space. When I come here and I give one space here you are getting one space. Now again if I give one space so it is not detecting that space. Okay. So this will cut off all the spaces here. This will cut off all the spaces here. Fine. Understood?

2:19:47 So now this is about paragraph time. So I have a problem.

2:22:04 Now can you see this? So this is a poem. This is a poem. So I want to display this poem like this. So now let me copy this poem. Copy this poem. Now let me come back to my VS code. Now inside I'll create a new paragraph tag and paste it. See is this the way the poem is being displayed? Here how the poem is getting displayed and here how the poem is getting displayed.

2:22:51 Okay. So, I'll remove this line from here. The co is starting right. So, here I'll write on tab. This is the end. Fine. So here how it is starting and here how it is starting can you see in paragraph five if you write how the poem is getting displayed. Can you see?

2:23:37 So for that case we have another tag called create tag. We have one more tag called pre-tag reformatted tag. So let me remove this pre tag and let me create pre tag. Okay. inside this split tag. Now let me copy and paste this.

2:24:31 Now see whatever font I have given that is only getting displayed. Whatever font I have given, whatever alignment I have given that is only getting displayed. Here if you give 10 spaces here if you give 10 spaces also it will take. See? Okay. So, this is called pre-tag. It's called pre-tag. Pre-tag means preformatted tag. Pre-formatted tag. Okay. This will helps you uh in write in

2:25:19 solving these such kind of problems. Okay. Like if you want to display any content, you can format it here only. So you can give an extra line here. Remove one extra line. So like that you can format it and you can display it. Okay.

2:26:09 Okay, this is about pretag. I hope everyone understood uh I hope everyone understood these things. Whatever we have discussed the basics whatever we have discussed you know like uh HTML what is actually front what is an application then what all we have inside an application like uh front end back end and the database and we have seen how to we have seen how to build uh full stack applications right we have seen how to build a fullstack application uh how one application is made and what

2:26:54 is our front end role in it. What is our front end role in it? Fine. What uh what does the front end consists of like HTML, CSS and JavaScript, right? HTML, CSS and JavaScript. And what is React? And we have seen what how HTML works, how CSS works and what is JavaScript does to this things. And we have seen the structure of HTML. How to start with HTML and we have seen the tags in HTML. We have seen the elements. Okay. We have seen only two tags till now.

2:27:40 Heading, paragraph and pre tags we have seen. Now u tomorrow will tomorrow not tomorrow I guess it is on Thursday Wednesday or Thursday I think you all have the time table right please follow the time Okay. In the next session we will discuss about other types. We have many things many types to discuss about.

2:28:28 Okay. And please everyone start doing your MongoDB uh register your open that link. Please register. Please register. Please register with that link. Uh please don't use that man uh automatic sign in from Google manually. Please type your email because your name whatever name I think if if you are having your student you have to do it with your student mail id. If you do it with your student mail id your user your first name and last name will be different right your name will be different. So I request everyone to manually type

2:29:14 manually type your email and manually type your first name and last name so that that will get affected in your certificate. Okay. And uh next thing please start completing all the units. You have 22 units. After completing those 22 units you will be receiving a voucher. So using the vcher you have to you have to write your exam. You have to write your exam. Okay, after completing our react then we'll discuss about MongoDB. I'll let you know what is MongoDB and what is uh how it works. Fine. Okay. So, thank you guys. Uh thank you for joining. Have a nice day. Bye-bye. See you in the next class.