CS511_Topic012

0:00 In this module we will see how a page works when we open a website, let's say we see a page with a text but there are processes going on in its page when we request a webpage then first of all we get its HTML content and that is only for you and I mean on the first request we will not get images if we have some images in it they will not come to us if any external size sheet is used in it then we will not get them there so what will happen is first of all we will request that 80 ML page we will get HTML content in it

0:47 now if any images are being used in that page or any videos are being used or some time some images are being used, then all the training files that are going through that page we have all their requests on the server and our browser will worship it so when we made a request we Then further multiple requests are initiated and on their basis our digestive contents come. When a browser gets the conditions, then using that the browser renders our page and displays it. We can see that when we use a website and open it, then

1:34 what requests are generated against it and how do we get their response. Here we introduce white light to you, a very powerful tool which is supported in almost all main processes, inside this you will find this, you will get this app option and in other popular processes also you will find this. 10 tourist spots on your internet for its called development tools, so what will you do when you want to see something related to a website from the perspective of a developer, then you will use the developer tools inside it from its two options or you right click anywhere and click on inspector, okay, this will also open the tools for you on the traveler

2:21 or you By going to the menu and going to the mode tools you will select developer tools. You can see its shortcut key, this control key, click on withdraw from case. Note it down. When you click on it or press its combination, you will see a double click. On the right side you will see developer tools in the window and inside it we have many different options. If you see how the communication is happening with the server of this incident, then here in developer tools you will have the network and if you click on the network, then the information related to the network will be with you here. When you open a website, this year we want to open a website of the system, then when we open it,

3:08 all the requests that have been sent to us and their response will be visible to me. In fact, how much time it took in that response, that too will be visible here. So here if you try to solve the problem, first you will find the request which we have sent in the first place. While opening this website, that will be visible. The request will be visible and its response code will be visible. In the same way, if you open it with STP, it will redirect you or it will tell you that from here I have created a page on the website and it will give you a TRP of 1 TRP mode. So you will see that first you will get the response of Animal Hunter 2018 on 210. The pornographic content saver of the main website will be available to us. Now we have Zafar Dar files with some tea-biscuits,

3:55 some tiles, some images, there is a request for them. So, during this time, like this electronic, we have the same request and then we have presented the roadways complex on the route. We have a powder calendar near it. Here you will also see the time that how much time is it taking to save each resource. So you can use this feature to make your website open on the client side within the minimum time. If you want, you can just use it as an explorer piece. Developer tools for web developer it's very important to understand these tools and then she must know how to use them. When we have a browser that receives all the content then it centers it and

4:42 shows it to us in the same way as we would see a page, so this is called browser rendering. Unfortunately, we have different postures that we print from different bases and then follow the example of we have a World Wide Web Consortium called w3school. I have some centers that implement it and test it, which all the users follow, but despite that there are some things that happen now which we interact with in different ways and it may be that one person is looking at a process in one way and the other process is looking at another way, so such a person new to make sure that I am a developer site you can open

5:29 up these multiple process tests in multiple users and you can do them throughout their life For interesting you can subscribe our channel very important questions are there with people on TV and similarly how to maintain it, let's visit quickly and from that we have decided some images some files so they get stored inside the browser now next time when we need the same file again from the same server then that profile will not come to us from the server,

6:17 we will try to retrieve the file from there, from that we have Manpal Singh reached there that the question can also be disabled in this way he can tell me that I have contact feature how not to use it, how if you set it from your banking website or develop it then you will disable its boxing that you have conditions tell me what is that similarly there are some files whose lifetime of can be specified this file above the suicide is for so long before that means for how long how can you do this when we talk about browser then inside our There are features located nearby which support a voucher like search engine integration when you type something inside the address bar then it starts giving updates to their daughters inside the address itself

7:04 that this website should be visited so that it is clear and instead of typing the whole domain name is just click the situation chatpata browser this is what we have on the time of address I have notification and this happens through search engine integration now we have fuel to competition here bring it to your spirit to give water completion today Sachin Jain suggestion is that when you open Google Play and there you have youth along with the address bar you have a search bar when you write here without opening the bill and you have the road from there just and we have tension personality information and tomato competition

7:50 information that you put your name inside a phone in it and put dress you get this and for feel In which the egg white name and address is saved in the browser and from there it is automatically clicked. Similarly, there are browsers that send user data to the selected user, like if you use ROM and send it with Google account in it, then whatever marks you have and the other website that you have opened, you can use it on different devices or computers using the same login. Similarly, some browsers support the addiction of Bewafa Shankh that if you want to visit any such website which can be important, now I pet

8:40 website Twitter information, then for that we have web browsers that support that while subscribing to that website, you can see that you click on the website, subscribe to our channel, subscribe to this side subscribe will

9:29 leave spot mast titty it's good to know how to develop from the teaching-training temple, so this can be very useful for you hum-aap porn lighthouse or if you install an extension from someone and visit a website, then this section helps you in improving the quality of that subject, how accessible it is, which resources are taking more time in it, but now how has the engine optimization been, all this information is generated in a report and you can improve the quality of your website, there are developer tools, when you work in react, then inside you you will have this feature, if these cancer components are there then if you click on it, then it will

10:19 help you in distraction, apart from this there are some actions, if someone is using it, he can use it in his purse or on the table, just like there was a popular action bread click, through which you can see the website and advertisement, this feature locks the advertisement