Hello Everyone Welcome To Projects With Digambar So in today's video we will start developing our Jarvis project, so in today's video we are going to discuss about Jarvis' fairy retirement and then after that we will setup Jarvis. And after that, we are going to do a new design of Jarvis. Sir, let's get Bill Be So Guys Free. If we talk about retirement, then first of all you should know Python, then after that I will tell you that you should have knowledge of HTML, Java Script and so on. You should also have some knowledge of Bootstrap. Okay, so basically in our project, the front that we are going to make will be from HTML to JavaScript, with the help of these we will create it, and after that, our back hand will be that sir. That pattern will be handled. Okay, so basically what we are doing is we will link whatever is printed in the HTML page with our spring i.e. with Python. So before starting the gas project, in which system you should do some installation. So that first of all you should have Python installed in your system, then after that we will do it to develop our project. Okay, so you can download it from here. So, now I am here to create my project. First of all, we will create a folder here which we will name Jarvis. Now we will open this folder here, then we will do it with the code here. Now the structure of our project will basically come like this. What will happen is that first of all we will have to create a dot p file which will be dot p in the file of python , then after that we will create a folder engine in this folder we will basically write our entire spring, then after that we will create another folder. Whichever is there, we will have to create it in the routine root which will be for the front, we will name it u and this way, then we will create another file style dot kas and we will put a file in for the road [music] and we will also have a folder here. We will create it which will be called assets in which we will store all our acids, images, audios and some window plugins here. Now for the project, now we start first from index.html, from here we will create our Friend, we will start making whatever is there, what will we do now, so here you will get the latest Indian whatever is there, from here you can copy the CDS, but whatever you want, the previous project which I showed you the demo is the same. If you want to show it, then it is based on the version which is on Bootstrap 5.0, so whatever we have, you can also do the latest one, okay, only some components which are there will be changed [Music] [Music ] [Music] [Music] So Now we have to check whether it is reducing the gas or not, otherwise we will open it on the live server. Live server is an extension which you can download from here [Music] Okay, this is the extension. You have to install it from here, okay mine is already installed, so I will open with live service here by right clicking , okay gas, so basically the bootstrap is already there, next thing we have to do here. We have to design the food of our Jarvis, so first of all what we will do is create an area here, then what we will do is give a class here B4 means the margin we need from the bottom should be of bottom four, okay We have to make such a structure in which there will be one pen on this side, then one pen on this side, then what will be inside is one pen of 10 Vedas. Okay, so now let us first design the columns which are md1 and jo. There will be a pen in the middle, that will be our betel leaf, okay, this is the classes of Saree Bootstrap, first you have to learn how to do it, okay, next now we are here online item center and then what we open and see, okay name it. Will give and will give a class in span circle okay and we will replicate this pan three times because we have three circles no now we will link our style here okay now we just have to style it here so Now the first thing we will do is style the body, background color is black, here you can see the change, what we have to do is to design a square here, which we have written here, square is ok, here we have to customize it relative. Its display will be from Reflex Justify Content Center, we have to basically customer it, so we will take it here, then its end child which is the first child, basically this one, we will direct it from here, okay 800 percent , then the background image is okay here. We will define the circle that we are seeing here [Music] Here it is [Music] 0.5 seconds and animation We will define it here for the sim and a child We will copy it Here we have to see the child Number you , child number 2, here we have to give seconds, just 4 seconds. For child number 3, we have to replicate the animation here from 12. The animation is fine for both of them , for you and three. Here we will do, here we will do 3 so gas, which is ours now, it is ready, now we just need to display whatever is in it, which was our block with particles, so now we will get it displayed here. Basically, the blog that I have created has been created from particle K, okay, you can see the site which is available on this side, so whatever is from this side, I have created it as a block, okay, so I will give you its code because From here we have to export the Jason, okay, so first of all we will import the particle here from CDS, so we have CDN, whatever is in the particle chairs next term, we have to bring the jas file here, okay so I will also give you that file in the description, from there you can download it. Okay, this is the script file, we will import it into the code for this. Now we have to link it here, we have to put it on the script now. GS basically we have input the particle here, now we just have to put its canvas here, so now we put its canvas here, now we have to change the style of what is there, basically here we will give the style. And its display we will have to make it absolute, then go to the center position Apps Sorry position, we will have to make it absolute. The name of the position was Ask Me Anything. Now we will do it here. Okay, so now we have this text, this is from this day. Okay, here we will put it here, let's do h5 , it is visible here and its color is also a little tree, okay then we will change it to the center , okay, which is basically what it is here, but it is not animated. Okay, so for this also we have plugged in the script with the name Tax Select which I show you here, so it is a library of text animation which we have done here, here we can see. Yes, basically this is animation, we have done it, okay, so we have to download its library from Get Up, okay, so I have already downloaded it from Get Up, you will get its download link in the description, okay from there. You can download it , so basically all these files have been added to the vendor folder, now we have to link them here which is tax slate in our assets folder and here we have to put animated.css, below also we have to import it, okay After that we will put the lettering dot as qualified here and now we have to put its source file here also, so I have copied it here and kept it here, you can see the particle which is sorry particle, we have put it here. Now we have to write a code in the script which will animate it. Okay, so now let's open it side by side. Here in our road we want [music] [music] so the bird has that too. We have taken it here , we will copy it [Music] Here, now we have to write what is here, okay, so that I am getting the skips of it, you can see here, I have installed it here, okay, this gives me If we are getting its solution, then first of all we have to prepare the document here. Okay, so if we look here , then first of all we will target this class which we have put in it with the name dot text, okay. Whenever we want this type of animation, okay, so now I have put the text here and now we have to animate it here, it should be true and sync, that is, it should be there or else we will keep this also , so inside these we will write Bhog . Our bouncing , so the effect of the bounce, we have to put it now, basically the function is like this, so you can see here that the animation is visible to us, okay now what will we do next, from where you can download it completely. You can do it okay then you can do it on So first of all what will we do now so I have got the report [music] in this folder okay so first of all what we have to do before publishing our [music] here we We will create a repository, we will name it Jarvis, when I will keep it public, then after that we will do it here [Music] [Music] Origin entered, then after that we will publish it, I will give it to you in the description, so you can do it here. You can see some folders here, we have not added anything in them yet, okay, you will see those folders here automatically, so before doing more gas videos, if you are new to the channel, then do subscribe to the channel because it gives me motivation. I hope that I keep making new projects and their videos for you, okay?
