1 00:00:00,700 --> 00:00:01,300 ‫Hey, there. 2 00:00:01,480 --> 00:00:02,250 ‫Welcome back. 3 00:00:02,680 --> 00:00:03,220 ‫This side. 4 00:00:03,790 --> 00:00:10,900 ‫Now in this picture, let us discuss how does Bob now, to be honest, this lecture is not important 5 00:00:11,170 --> 00:00:13,210 ‫in terms of discourse perspective. 6 00:00:13,810 --> 00:00:20,590 ‫But if by any chance you want to get into a career related to web designing web development, then yes, 7 00:00:20,770 --> 00:00:22,570 ‫this lecture is important. 8 00:00:23,170 --> 00:00:25,420 ‫Now why I skipped this lecture the first. 9 00:00:25,780 --> 00:00:28,720 ‫So you will have a brief idea what happened behind the scene? 10 00:00:29,050 --> 00:00:31,930 ‫You will also get understanding about important dorms. 11 00:00:32,200 --> 00:00:37,900 ‫You will understand the floor, how our website is loaded on our Chrome browser, Safari browser or 12 00:00:37,900 --> 00:00:38,950 ‫any other browser. 13 00:00:39,460 --> 00:00:42,580 ‫So the main aim is to make you understand about the flow. 14 00:00:43,270 --> 00:00:44,860 ‫So there are a few important points. 15 00:00:45,100 --> 00:00:49,420 ‫The first one is if by any chance you don't understand this lecture. 16 00:00:49,690 --> 00:00:50,410 ‫Don't worry. 17 00:00:50,740 --> 00:00:52,150 ‫Just get the floor right. 18 00:00:52,510 --> 00:00:55,330 ‫Just have basic idea how this flow works. 19 00:00:55,630 --> 00:00:56,880 ‫Just get basic idea. 20 00:00:56,890 --> 00:00:58,500 ‫What are these dorms? 21 00:00:58,660 --> 00:01:03,880 ‫And that it the aim of this lecture is to give you a brief idea behind the scene. 22 00:01:03,880 --> 00:01:05,890 ‫Idea what happens with the website? 23 00:01:06,340 --> 00:01:07,060 ‫Nothing more. 24 00:01:07,060 --> 00:01:07,690 ‫Nothing less. 25 00:01:08,140 --> 00:01:11,140 ‫If by any chance you understand this lecture, that's great. 26 00:01:11,650 --> 00:01:17,740 ‫Since we are currently at a beginner level and this is a heavy topic, I don't want you to get lost. 27 00:01:17,980 --> 00:01:21,820 ‫So just get the idea that say, that's the aim of this lecture. 28 00:01:22,390 --> 00:01:25,890 ‫Second thing, I'm going to utilize a whiteboard. 29 00:01:25,900 --> 00:01:31,600 ‫I'm going to draw everything, make you explain everything, but you will have option to download the 30 00:01:31,600 --> 00:01:34,720 ‫digital resource in the form of image or PDF. 31 00:01:35,260 --> 00:01:36,460 ‫So don't worry about it. 32 00:01:37,120 --> 00:01:39,070 ‫Just understand if low don't. 33 00:01:39,070 --> 00:01:39,720 ‫And that's it. 34 00:01:40,240 --> 00:01:42,060 ‫You don't have to remember anything. 35 00:01:42,070 --> 00:01:44,620 ‫You don't have to learn anything in this lecture. 36 00:01:45,430 --> 00:01:51,700 ‫I already know you are at base level beginner level, but I'm intentionally giving you this big concept 37 00:01:51,700 --> 00:01:53,140 ‫big lecture at first. 38 00:01:53,590 --> 00:01:57,490 ‫So you have a brief idea how the entire floor works. 39 00:01:57,940 --> 00:02:04,750 ‫Otherwise, more students start with its HTML and CSS, but that clueless they have no idea how web 40 00:02:04,750 --> 00:02:05,170 ‫works. 41 00:02:05,500 --> 00:02:07,870 ‫So it's important just understand the flaw. 42 00:02:07,960 --> 00:02:10,490 ‫That said, OK, great. 43 00:02:10,720 --> 00:02:12,010 ‫Ready to start your journey? 44 00:02:12,520 --> 00:02:15,460 ‫Let me jump onto my whiteboard and in the stand the web. 45 00:02:16,000 --> 00:02:18,850 ‫The first thing is you are a user. 46 00:02:19,360 --> 00:02:24,710 ‫If you try to visit any website, you are a user and to visit any website. 47 00:02:24,760 --> 00:02:25,750 ‫We need a browser. 48 00:02:26,200 --> 00:02:27,610 ‫So let's start with a user. 49 00:02:27,880 --> 00:02:31,420 ‫Here you are a user based on any country. 50 00:02:31,450 --> 00:02:35,110 ‫You can be anywhere in the world and you have access to a browser. 51 00:02:35,920 --> 00:02:37,870 ‫Now this browser can be any browser. 52 00:02:37,990 --> 00:02:39,150 ‫It can be Chrome. 53 00:02:39,220 --> 00:02:41,830 ‫It can be Safari or any other browser. 54 00:02:42,550 --> 00:02:46,420 ‫So whenever you visit any website, you need this browser. 55 00:02:47,530 --> 00:02:54,280 ‫Now, if you want to visit Facebook dot com, you use Facebook dot com youtube.com or any other X-Y-Z 56 00:02:54,280 --> 00:02:54,850 ‫dot com. 57 00:02:55,390 --> 00:02:57,580 ‫Now these are known as you are told. 58 00:02:58,210 --> 00:03:03,280 ‫So you get into the browser, you ride the X-Y-Z dot com. 59 00:03:05,700 --> 00:03:06,150 ‫That's it. 60 00:03:06,540 --> 00:03:08,910 ‫Now this is known as the early part. 61 00:03:10,190 --> 00:03:11,360 ‫That's the first thing. 62 00:03:11,900 --> 00:03:14,030 ‫Now behind the scene, things are not simple. 63 00:03:14,660 --> 00:03:21,920 ‫This x y z dot com is then converted into IPPIS, so our Sara can deliver all the information. 64 00:03:22,340 --> 00:03:24,950 ‫This means nothing to us, our behind the scene. 65 00:03:24,960 --> 00:03:33,350 ‫What happened is this is converted into some IP, so suppose this IP can be maybe this 1948. 66 00:03:35,030 --> 00:03:37,270 ‫Two, two, seven, two, two seven. 67 00:03:37,460 --> 00:03:41,240 ‫Or something else, I'm just taking a random number behind the scene. 68 00:03:41,240 --> 00:03:47,960 ‫This X y z dot com is then converted into IP and this IP is connected with server. 69 00:03:50,850 --> 00:03:53,430 ‫OK, so that's our behind the scene walks. 70 00:03:53,670 --> 00:03:57,510 ‫Now this IP that you see is known as IPV four. 71 00:03:57,990 --> 00:04:01,830 ‫There is another type which is known as IPV six. 72 00:04:02,550 --> 00:04:09,330 ‫And it looks something bigger because this IP is about 32 bit and this one is about 128 bits. 73 00:04:09,720 --> 00:04:16,200 ‫So this will hold maybe approx 4.3 billion addresses, and this will hold a lot more. 74 00:04:16,860 --> 00:04:20,730 ‫So that's how this whole phase will visit a browser. 75 00:04:21,090 --> 00:04:24,180 ‫We enter the U.S. in x y z dot com. 76 00:04:24,540 --> 00:04:31,320 ‫Behind the scene, the oral is now converted into an IP and then go so that OK, give me this information. 77 00:04:32,070 --> 00:04:38,370 ‫Now this conversion happened because of B and s domain name system. 78 00:04:38,820 --> 00:04:42,390 ‫So there is a server before that, which is DNS server. 79 00:04:42,930 --> 00:04:44,990 ‫So are x y z dot com. 80 00:04:45,000 --> 00:04:48,600 ‫Go to this DNS and say, OK, this is x y z. 81 00:04:48,870 --> 00:04:50,070 ‫Now give me the IP. 82 00:04:50,670 --> 00:04:52,890 ‫This DNS gives this IP. 83 00:04:53,520 --> 00:04:57,360 ‫So there is this DNS that holds IP for each website. 84 00:04:58,020 --> 00:05:03,660 ‫Maybe YouTube.com, maybe Facebook dot com, maybe onward learning dot com or any other dot com any 85 00:05:03,660 --> 00:05:05,760 ‫other dot in any type of domain. 86 00:05:06,210 --> 00:05:08,850 ‫There is DNS that holds the IP. 87 00:05:09,750 --> 00:05:11,070 ‫I hope you got the idea. 88 00:05:11,400 --> 00:05:17,610 ‫So that's the biggest thing that happen when you visit of any type of browser, a name that a website. 89 00:05:18,510 --> 00:05:21,270 ‫Now what happened next when you visit us or what? 90 00:05:21,750 --> 00:05:25,350 ‫Well, the servers end up saying all the information that you ask. 91 00:05:25,740 --> 00:05:29,940 ‫So this server is going to sound OK, you are for x y z dot com. 92 00:05:30,000 --> 00:05:32,340 ‫Here is your x y z dot com. 93 00:05:32,890 --> 00:05:33,510 ‫That's it. 94 00:05:33,640 --> 00:05:34,920 ‫And that's the whole process. 95 00:05:35,160 --> 00:05:38,640 ‫But hey, your mom, you are saying that this is complicated. 96 00:05:39,060 --> 00:05:42,600 ‫I understood it, but that's where the fun begins. 97 00:05:42,840 --> 00:05:44,570 ‫There are lot more things that happen. 98 00:05:44,850 --> 00:05:45,210 ‫I would. 99 00:05:45,210 --> 00:05:49,020 ‫So there are lot more things to happen and don't happen here and there. 100 00:05:49,530 --> 00:05:50,910 ‫Let us understand about it. 101 00:05:51,480 --> 00:05:58,610 ‫So whenever we visit any type of website, we send a request whenever we get something from website. 102 00:05:58,890 --> 00:06:00,090 ‫We get a response. 103 00:06:00,510 --> 00:06:03,900 ‫Basically, when a browser or I should say a client here. 104 00:06:05,280 --> 00:06:08,820 ‫So this is client browser, and this is so what? 105 00:06:09,270 --> 00:06:16,290 ‫So this is dialogue between client and so what I say, OK, go to x y z dot com, get the homepage or 106 00:06:16,290 --> 00:06:17,280 ‫that the main page. 107 00:06:18,030 --> 00:06:21,210 ‫So we send a request to about that. 108 00:06:21,210 --> 00:06:23,580 ‫Please give us the homepage the main page. 109 00:06:23,850 --> 00:06:24,840 ‫That's a request. 110 00:06:25,590 --> 00:06:27,650 ‫Now our son was saying no response. 111 00:06:27,690 --> 00:06:29,250 ‫OK, this is your homepage. 112 00:06:29,250 --> 00:06:30,330 ‫This is your main page. 113 00:06:30,660 --> 00:06:32,910 ‫I say, OK, give me the login page. 114 00:06:33,090 --> 00:06:33,960 ‫It's a request. 115 00:06:34,260 --> 00:06:35,580 ‫So we're saying no response. 116 00:06:35,580 --> 00:06:37,050 ‫Okay, this is your login page. 117 00:06:37,590 --> 00:06:44,460 ‫So that's how this dialogue thing will now process from kind that is our browser to what is a request. 118 00:06:44,880 --> 00:06:47,250 ‫This processes request, remember? 119 00:06:48,060 --> 00:06:51,270 ‫So this is a request. 120 00:06:51,270 --> 00:06:54,600 ‫I know my handwriting is bad, but you just need to understand things. 121 00:06:55,830 --> 00:07:04,610 ‫So this claim that means my browser to server is request and from server to browser is response. 122 00:07:06,450 --> 00:07:11,550 ‫Now this is happening with our browser as well as ourselves. 123 00:07:12,150 --> 00:07:20,370 ‫If I say, please get me the X Y Z dot com homepage that says request and then the source send the homepage 124 00:07:20,520 --> 00:07:21,570 ‫that is respond. 125 00:07:22,200 --> 00:07:25,470 ‫Now one important thing there are multiple types of request. 126 00:07:25,830 --> 00:07:27,790 ‫Remember, this is super advanced concept. 127 00:07:27,810 --> 00:07:29,550 ‫Don't worry if you don't understand. 128 00:07:30,150 --> 00:07:32,070 ‫So there are multiple types of request. 129 00:07:32,340 --> 00:07:33,660 ‫There is get. 130 00:07:34,940 --> 00:07:36,500 ‫Then there is supposed. 131 00:07:38,100 --> 00:07:39,600 ‫Then there is elite. 132 00:07:42,530 --> 00:07:44,420 ‫And there is also what? 133 00:07:45,980 --> 00:07:48,680 ‫What are these and why do we need them, actually? 134 00:07:49,130 --> 00:07:54,350 ‫So let us understand when we just access a page that is a get request, OK? 135 00:07:54,470 --> 00:08:01,610 ‫Just get me debate when we try to pass some content that will be a post request when we update our content 136 00:08:01,670 --> 00:08:06,440 ‫that will be post requests when we delete the content that will be delete request. 137 00:08:06,830 --> 00:08:08,240 ‫Now, why do we need them? 138 00:08:08,960 --> 00:08:11,300 ‫Well, this help us to simplify things. 139 00:08:11,300 --> 00:08:18,440 ‫If I say go to Twitter.com or if I just access any status that will we get request? 140 00:08:18,800 --> 00:08:25,760 ‫But if I send some information, then it will be post requests for someone know what is happening without 141 00:08:25,760 --> 00:08:27,080 ‫even looking at anything else. 142 00:08:27,080 --> 00:08:31,340 ‫They can just get the information, what is going to happen with this type of request. 143 00:08:31,760 --> 00:08:37,400 ‫If I'm sending or deleting any status, I will have information that address, delete, request before 144 00:08:37,400 --> 00:08:38,060 ‫anything else. 145 00:08:38,570 --> 00:08:42,800 ‫I will have information if I'm going to abate any status that will be put request. 146 00:08:43,310 --> 00:08:50,210 ‫So whenever we are just accessing or fetching any information that will be get request whenever we are 147 00:08:50,210 --> 00:08:56,270 ‫sending some information that requires some process that will be post requests whenever we are updating 148 00:08:56,270 --> 00:09:02,690 ‫any privacy data that will be put requests and whenever we are deleting, that will be delete request. 149 00:09:03,170 --> 00:09:03,560 ‫OK. 150 00:09:03,800 --> 00:09:06,650 ‫There are few other request at this point of time. 151 00:09:06,650 --> 00:09:08,000 ‫You just need brief idea. 152 00:09:08,240 --> 00:09:10,580 ‫So just get the idea of these for. 153 00:09:11,670 --> 00:09:16,810 ‫Now there is a protocol that is followed with these request and that is known as its GDP. 154 00:09:17,130 --> 00:09:23,910 ‫You will see whenever you visit a website, you see HDB or the browser automatically adds its GDP code 155 00:09:23,910 --> 00:09:27,480 ‫on slash like Google.com or any other website. 156 00:09:27,930 --> 00:09:31,680 ‫So this protocol is HDP. 157 00:09:33,330 --> 00:09:38,370 ‫So we call this as a study we request, and this is a study response. 158 00:09:38,940 --> 00:09:42,630 ‫Now there are few other protocols there is simply be. 159 00:09:43,930 --> 00:09:45,820 ‫Whenever we walk with e-mails. 160 00:09:48,060 --> 00:09:52,800 ‫We use IMDb, so all the e-mail thing work with the help of SMB protocol. 161 00:09:53,220 --> 00:09:54,840 ‫And then there is FTB. 162 00:09:57,750 --> 00:10:02,970 ‫So whenever we are working with files and so over, there will be this FTP protocol. 163 00:10:05,130 --> 00:10:10,320 ‫So there are few other protocols, and at this point of time, you just need to understand about HDB, 164 00:10:10,740 --> 00:10:12,630 ‫which is a request and response. 165 00:10:13,140 --> 00:10:15,300 ‫Now you will see yes, nowadays. 166 00:10:18,170 --> 00:10:21,240 ‫Airstrips caught on flash, Google dot com. 167 00:10:21,260 --> 00:10:21,680 ‫Why? 168 00:10:22,220 --> 00:10:24,470 ‫Well, security is important nowadays. 169 00:10:24,740 --> 00:10:31,210 ‫This is basically means whenever you see HTP is, that means data is encrypted. 170 00:10:31,220 --> 00:10:37,640 ‫When we send a request as well as response, browsers are focusing that you showed how SSL certificate, 171 00:10:37,640 --> 00:10:40,490 ‫which is basically related to security. 172 00:10:41,570 --> 00:10:42,640 ‫That's great tech. 173 00:10:42,650 --> 00:10:46,160 ‫There's too much information, but how should I know all of this? 174 00:10:46,700 --> 00:10:48,260 ‫And that's my browser. 175 00:10:48,260 --> 00:10:50,990 ‫Have this information that this is happening behind the scene? 176 00:10:51,620 --> 00:10:52,040 ‫Yes. 177 00:10:52,160 --> 00:10:54,710 ‫So let us visit our Google dot com. 178 00:10:54,710 --> 00:10:56,270 ‫That's the most common website. 179 00:10:57,360 --> 00:10:58,260 ‫Right click here. 180 00:10:58,470 --> 00:10:59,490 ‫Click on Inspect. 181 00:11:00,300 --> 00:11:07,020 ‫And you will have this developer tool you see now, chances are maybe you have on the right side, on 182 00:11:07,020 --> 00:11:08,550 ‫the bottom side and even ends. 183 00:11:08,670 --> 00:11:12,710 ‫Just click here and you will have option to make it right left on. 184 00:11:12,780 --> 00:11:13,130 ‫Maybe. 185 00:11:13,140 --> 00:11:19,710 ‫Anyways, so I'm going to get it on the right side and you might have the squeezed out. 186 00:11:19,710 --> 00:11:23,610 ‫This is just try to have enough space so we can intrigue a lot of things. 187 00:11:24,480 --> 00:11:25,610 ‫Get on to the network. 188 00:11:25,620 --> 00:11:30,960 ‫If you're not able to find it, click here and you will have options regarding network since I have 189 00:11:30,960 --> 00:11:31,320 ‫here. 190 00:11:31,620 --> 00:11:35,610 ‫Just click on the network and use this to clean all the information. 191 00:11:35,880 --> 00:11:37,590 ‫Just clean all the information. 192 00:11:38,160 --> 00:11:45,210 ‫Now, if I had to load this one, you see, I got all the file information that Google recently loaded 193 00:11:45,210 --> 00:11:46,200 ‫on my browser. 194 00:11:46,650 --> 00:11:53,880 ‫And if I visit this www.youtube.com here, you will see all type of information that website has given. 195 00:11:54,420 --> 00:11:58,440 ‫So this is the requested you oral request method is get here. 196 00:11:58,440 --> 00:12:06,420 ‫If you observe, it is just a studio's request method, which is get now listed as good. 197 00:12:06,450 --> 00:12:07,290 ‫This is interesting. 198 00:12:07,290 --> 00:12:10,830 ‫We will discuss about it, but then we have remote address. 199 00:12:10,830 --> 00:12:12,720 ‫This is a recipe that I was discussing. 200 00:12:13,050 --> 00:12:14,400 ‫So if I open this IP? 201 00:12:15,630 --> 00:12:19,140 ‫You can see this ibis converting to Google dot com automatically. 202 00:12:19,620 --> 00:12:23,580 ‫So this is the app now, I hope you got the basic idea. 203 00:12:23,580 --> 00:12:29,010 ‫Whenever we visit Google Dot Com, it converts to IP and then get information to ourselves. 204 00:12:30,180 --> 00:12:32,280 ‫Now you will see other information as well. 205 00:12:32,340 --> 00:12:33,720 ‫That is status code. 206 00:12:34,140 --> 00:12:37,020 ‫What is this and why this is green now? 207 00:12:37,020 --> 00:12:38,270 ‫For each information? 208 00:12:38,280 --> 00:12:41,550 ‫Different type of responses, there are status code. 209 00:12:42,330 --> 00:12:44,100 ‫Well, there are few common ones. 210 00:12:44,100 --> 00:12:47,220 ‫If you're just statically search on Google, you will see 200. 211 00:12:48,180 --> 00:12:50,090 ‫You will see all zero four. 212 00:12:51,630 --> 00:12:56,700 ‫You will see five, zero three and fewer than what is this 200? 213 00:12:57,130 --> 00:13:02,460 ‫Well, basically when our side of our response is OK, we get 200, when we are not able to find any 214 00:13:02,460 --> 00:13:08,280 ‫page, we get support zero for not one when the so what is not working, we get five zero three that 215 00:13:08,280 --> 00:13:09,540 ‫is so is not available. 216 00:13:09,990 --> 00:13:15,420 ‫So there are several status code that we get in response to understand what is happening here. 217 00:13:15,420 --> 00:13:22,320 ‫If you visit any website and it says 200, OK, everything worked well, maybe it returned for 04. 218 00:13:22,380 --> 00:13:24,330 ‫That means OK, there is some issue. 219 00:13:24,330 --> 00:13:27,750 ‫Maybe Page is not available to our cell, but it's not able to find that page. 220 00:13:28,560 --> 00:13:33,070 ‫So that means when we send a request, we send this guest post and delete. 221 00:13:33,420 --> 00:13:38,100 ‫But when we also get a response, we have information about this status code. 222 00:13:38,670 --> 00:13:42,600 ‫So there will be two zero two four four five zero three or something else. 223 00:13:42,930 --> 00:13:44,670 ‫We just connected with that response. 224 00:13:45,180 --> 00:13:46,890 ‫OK, let me get back to our browser. 225 00:13:47,310 --> 00:13:48,960 ‫So this is general information. 226 00:13:49,410 --> 00:13:55,830 ‫Then if you see a response head, that means what is the response that Google sent it saying everything 227 00:13:55,830 --> 00:13:57,540 ‫that we are able to load here? 228 00:13:58,020 --> 00:14:03,330 ‫So if you just get here on the response site, they have sending tired HTML code. 229 00:14:04,700 --> 00:14:08,750 ‫That means the place that we are loading on our browser, it can mean any form. 230 00:14:09,020 --> 00:14:18,290 ‫Currently, the response type is HDMI, so it will send HDMI, CIUSSS as well as JavaScript. 231 00:14:20,310 --> 00:14:22,140 ‫OK, I hope you got the best idea. 232 00:14:22,590 --> 00:14:26,190 ‫Now here you can see d'Escoto response, you will see this entire goal. 233 00:14:26,220 --> 00:14:30,410 ‫If you get on to the preview, this is the piece that they have sent here. 234 00:14:30,420 --> 00:14:31,500 ‫You can see with the image. 235 00:14:33,860 --> 00:14:39,200 ‫Now, if you get on to the robot, you will get all the other information which you might use as an 236 00:14:39,200 --> 00:14:40,250 ‫advance developer. 237 00:14:40,850 --> 00:14:42,800 ‫Now if I visit Amazon.com. 238 00:14:43,010 --> 00:14:47,030 ‫Go on to the signing page, which is login page nitpick. 239 00:14:47,120 --> 00:14:50,750 ‫Click on Inspect and get on to my network. 240 00:14:51,140 --> 00:14:52,070 ‫Clear everything. 241 00:14:52,220 --> 00:14:53,270 ‫Reload this page. 242 00:14:54,830 --> 00:15:01,040 ‫Now here you can see I have access to space that means it should be a get request and our status code 243 00:15:01,040 --> 00:15:02,880 ‫is 200 great. 244 00:15:03,890 --> 00:15:09,850 ‫My if I log in, if I continue this, that means I'm sending some data to Amazon. 245 00:15:09,890 --> 00:15:11,930 ‫It will be post request, remember? 246 00:15:12,380 --> 00:15:13,670 ‫So let me clear this one. 247 00:15:14,120 --> 00:15:14,780 ‫Continue. 248 00:15:16,500 --> 00:15:18,300 ‫And this is the document. 249 00:15:19,540 --> 00:15:21,070 ‫You see, it's a post request. 250 00:15:21,880 --> 00:15:26,380 ‫And this is a rip off Amazon, which might walk on not walked out of their own setting. 251 00:15:27,640 --> 00:15:31,330 ‫And how if I entered the password and if I. 252 00:15:32,380 --> 00:15:33,030 ‫Continue. 253 00:15:33,130 --> 00:15:37,210 ‫That means if by signing, but before that, let me clear this if I sign in. 254 00:15:39,210 --> 00:15:40,440 ‫Now here you will see. 255 00:15:42,540 --> 00:15:43,950 ‫This is a post request. 256 00:15:44,160 --> 00:15:49,950 ‫Status quo is 200, I'm not able to log in because maybe my password is wrong, but they have sent this 257 00:15:49,950 --> 00:15:55,440 ‫information to their server and you will get all the information, what type of response I got. 258 00:15:55,950 --> 00:15:57,150 ‫So if I scroll down. 259 00:15:58,290 --> 00:16:04,140 ‫You can see I send the e-mail address and this is my encrypted password that I sing. 260 00:16:04,470 --> 00:16:08,370 ‫So all this information is sent with the help of each tidbit. 261 00:16:10,070 --> 00:16:14,150 ‫And here, let me clear this up and the correct password. 262 00:16:17,290 --> 00:16:18,760 ‫Also, enter this cash. 263 00:16:23,470 --> 00:16:24,670 ‫Let me clear everything. 264 00:16:25,030 --> 00:16:26,060 ‫Click on signing. 265 00:16:28,240 --> 00:16:31,980 ‫You can see this is long then, but then now they are asking me to verify. 266 00:16:31,990 --> 00:16:38,200 ‫But if I get on to the signing, you can see I got a status code of three zero two, as well as a post 267 00:16:38,200 --> 00:16:38,650 ‫request. 268 00:16:39,490 --> 00:16:41,650 ‫So that's how things are working behind the scene. 269 00:16:41,860 --> 00:16:46,890 ‫The main aim is not to log in the Amazon, but to understand what is happening behind the scene with 270 00:16:46,900 --> 00:16:49,300 ‫this information and the status code. 271 00:16:49,750 --> 00:16:50,890 ‫Now let me get back here. 272 00:16:51,580 --> 00:16:56,710 ‫I hope this whole working is now understandable, but there is one other thing that we haven't discussed 273 00:16:56,710 --> 00:16:57,280 ‫about this. 274 00:16:57,730 --> 00:16:59,020 ‫What happened behind the scene? 275 00:16:59,530 --> 00:17:04,240 ‫That means when we visit any sober, what happened here, we send our request. 276 00:17:04,390 --> 00:17:05,890 ‫I understand about this now. 277 00:17:06,250 --> 00:17:07,270 ‫But what happened here? 278 00:17:07,630 --> 00:17:09,400 ‫Well, there are background things. 279 00:17:09,880 --> 00:17:12,010 ‫So we have an entire back end here. 280 00:17:14,610 --> 00:17:20,850 ‫Which I understand about the logic would which do all the calculation stole everything with the help 281 00:17:20,850 --> 00:17:21,780 ‫of our database. 282 00:17:22,110 --> 00:17:25,170 ‫So we have connection with database here without a backend. 283 00:17:25,380 --> 00:17:29,580 ‫So there is a database which is connected without a background. 284 00:17:30,660 --> 00:17:36,150 ‫Now, when we visit this Amazon.com 0.10, I log in with the help of post request. 285 00:17:36,510 --> 00:17:39,840 ‫Send out an email address, so get on to the server now. 286 00:17:39,840 --> 00:17:46,500 ‫So what has some backing and connect would be a database search about if this email exist or not, if 287 00:17:46,500 --> 00:17:48,030 ‫this password is correct or not. 288 00:17:48,330 --> 00:17:49,710 ‫And then send a response. 289 00:17:50,190 --> 00:17:56,970 ‫So if the email is okay, if the password is okay, they will redirect us to our insider page where 290 00:17:56,970 --> 00:17:59,880 ‫we will have access to Warner's account, everything. 291 00:18:00,210 --> 00:18:02,670 ‫So we will get the status quo to the 200. 292 00:18:03,090 --> 00:18:06,750 ‫If the login is incorrect, they will send a different type of response. 293 00:18:07,230 --> 00:18:08,730 ‫So that's how this whole thing was. 294 00:18:08,850 --> 00:18:11,790 ‫That means the server itself is a subject. 295 00:18:12,270 --> 00:18:15,360 ‫So for back end, we might use something like Python. 296 00:18:17,190 --> 00:18:20,550 ‫Or maybe Node.js or maybe BHP. 297 00:18:21,120 --> 00:18:24,240 ‫So these are the programming language that will be utilized here. 298 00:18:24,510 --> 00:18:26,580 ‫Now there will be frameworks for Python. 299 00:18:26,580 --> 00:18:29,940 ‫There is Django one node we will have expressed for BHP. 300 00:18:29,940 --> 00:18:30,780 ‫We have Laravel. 301 00:18:31,170 --> 00:18:36,840 ‫So there are this is a different subject, but I'm just giving you a brief idea now what database you 302 00:18:36,840 --> 00:18:40,200 ‫might use, sequel, database or you might use? 303 00:18:40,290 --> 00:18:43,080 ‫No sequel database or maybe anything else. 304 00:18:43,440 --> 00:18:45,210 ‫So there are different types of database. 305 00:18:45,780 --> 00:18:50,690 ‫Now this whole topic is with servers are you can it back in bleeping. 306 00:18:51,420 --> 00:18:54,360 ‫So this is how things work behind the scene. 307 00:18:54,960 --> 00:18:58,770 ‫Now, the standard response, no response usually are off to type. 308 00:18:58,860 --> 00:19:04,410 ‫If you are working with web sites, then you will get HDMI, CSS as well as GSM. 309 00:19:04,890 --> 00:19:08,340 ‫But maybe instead of this website, you have a mobile app. 310 00:19:08,550 --> 00:19:10,980 ‫Remember, the mobile app is also a part of web. 311 00:19:11,550 --> 00:19:14,160 ‫So suppose instead of this browser, you have an app. 312 00:19:14,670 --> 00:19:16,020 ‫Things are going to remain same. 313 00:19:16,020 --> 00:19:19,800 ‫Don't worry, but the response will be maybe in the form of JSON. 314 00:19:21,870 --> 00:19:24,390 ‫And the app knows how to load that response. 315 00:19:24,960 --> 00:19:27,040 ‫Or maybe you have our next job application. 316 00:19:27,480 --> 00:19:32,880 ‫Things are going to still remain same, so someone who is sending the request is basically client. 317 00:19:33,180 --> 00:19:36,690 ‫Someone who's sending the response is basically this software. 318 00:19:37,660 --> 00:19:40,900 ‫That's the whole big thing that happened behind the scenes. 319 00:19:41,020 --> 00:19:42,460 ‫I hope you got the idea. 320 00:19:42,880 --> 00:19:45,250 ‫I if I jump out on my browser itself. 321 00:19:46,480 --> 00:19:52,690 ‫You will see the content type is fixed HDMI, that means here without a response harder. 322 00:19:52,780 --> 00:19:55,090 ‫We got the idea about the content type. 323 00:19:55,540 --> 00:20:02,650 ‫So had the responses in the form of HDMI type, and you will also see the content length that is the 324 00:20:02,650 --> 00:20:05,260 ‫amount of code that they are sending in response. 325 00:20:05,260 --> 00:20:06,760 ‫You can see this entire page. 326 00:20:07,810 --> 00:20:10,960 ‫So that's how this behind the scene response is working. 327 00:20:10,990 --> 00:20:12,400 ‫That is the content type. 328 00:20:12,790 --> 00:20:19,210 ‫If I jump onto the Amazon, get on to the response header, you will see something similar content type 329 00:20:19,540 --> 00:20:20,170 ‫HDMI. 330 00:20:21,190 --> 00:20:27,010 ‫So maybe in future you get go back in development, you walk with APUs, you will see a response with 331 00:20:27,010 --> 00:20:28,200 ‫the help of Jason. 332 00:20:28,210 --> 00:20:31,510 ‫Also, I hope you got the big picture idea. 333 00:20:31,660 --> 00:20:34,360 ‫Now this is grade one stuff for a beginner. 334 00:20:34,780 --> 00:20:36,900 ‫Now there are chances that you might caution me. 335 00:20:36,910 --> 00:20:40,420 ‫I was there just to build simple websites with HDMI. 336 00:20:40,540 --> 00:20:41,620 ‫Yes, bootstrap. 337 00:20:41,620 --> 00:20:42,940 ‫Why are you teaching me? 338 00:20:43,330 --> 00:20:50,020 ‫Well, this will give you an idea how things happen behind the scene when you load a simple website. 339 00:20:50,710 --> 00:20:56,140 ‫Now head, I want to discuss one more topic, which is static and dynamic website. 340 00:20:57,480 --> 00:21:03,210 ‫So when you have a simple website which doesn't need any type of calculation, doesn't need any type 341 00:21:03,210 --> 00:21:06,870 ‫of storage like database at that point of time. 342 00:21:06,900 --> 00:21:09,090 ‫We call this as static web site. 343 00:21:14,050 --> 00:21:20,110 ‫Now, these websites are usually simple page that we are going to debate with the help of HDMI this 344 00:21:20,110 --> 00:21:21,690 ‫year says there will be here and there. 345 00:21:21,730 --> 00:21:26,890 ‫JavaScript, maybe you will use bootstrap source that will be static website. 346 00:21:27,460 --> 00:21:33,130 ‫Now, once our website start requiring calculation, once I start website start requiring database to 347 00:21:33,130 --> 00:21:36,040 ‫store data and access data later. 348 00:21:36,400 --> 00:21:39,970 ‫Maybe you need data storage for email address password. 349 00:21:40,480 --> 00:21:44,500 ‫At that point of time, we call the mass dynamic website. 350 00:21:47,750 --> 00:21:49,640 ‫You will see these two dams a lot. 351 00:21:50,720 --> 00:21:55,160 ‫First, you learn about starting a website once you are good with them, once you understand about their 352 00:21:55,160 --> 00:22:01,370 ‫designing their structure, you connect, then mid back end, you connect them with databases to convert 353 00:22:01,370 --> 00:22:02,870 ‫them into a dynamic website. 354 00:22:03,440 --> 00:22:04,910 ‫These two are common terms. 355 00:22:06,170 --> 00:22:06,600 ‫OK. 356 00:22:06,650 --> 00:22:08,060 ‫I hope you got the idea. 357 00:22:08,240 --> 00:22:15,520 ‫Before I end this lecture, let me also give you a brief idea about these HDMI lenses views HDMI. 358 00:22:16,340 --> 00:22:18,470 ‫Don't give us structure to our website. 359 00:22:18,740 --> 00:22:25,880 ‫We use CCS to design that website, and we use JavaScript to add some functionality on the website. 360 00:22:26,300 --> 00:22:33,230 ‫So if you visit any type of website here, maybe google.com, this structure like this will be our header. 361 00:22:33,240 --> 00:22:34,430 ‫There will be an image. 362 00:22:34,460 --> 00:22:36,110 ‫This is going to be a search bar. 363 00:22:36,380 --> 00:22:37,910 ‫Then there will be two buttons. 364 00:22:38,480 --> 00:22:39,620 ‫This will be a folder. 365 00:22:39,980 --> 00:22:43,270 ‫So this structure is defined with the help of HTML. 366 00:22:43,520 --> 00:22:49,700 ‫This is estimating now how this button is going to look, what will be the color of this one? 367 00:22:50,030 --> 00:22:53,840 ‫Everything else will be decided by this system. 368 00:22:54,950 --> 00:22:59,220 ‫Now there is other thing like what type of popup will appear here? 369 00:22:59,240 --> 00:23:01,520 ‫What type of notification will appear here? 370 00:23:01,730 --> 00:23:04,130 ‫That is all controlled by JavaScript. 371 00:23:04,610 --> 00:23:07,460 ‫That means this stimulus by structure. 372 00:23:08,240 --> 00:23:15,110 ‫This is or designing or styling this Jessi's or different type of web browser functionality. 373 00:23:15,770 --> 00:23:19,220 ‫You will get more depth about this once we start moving forward. 374 00:23:20,210 --> 00:23:20,740 ‫That's OK. 375 00:23:20,740 --> 00:23:26,870 ‫Let me give you a brief idea as a user will visit a browser called this browser as client. 376 00:23:27,200 --> 00:23:32,120 ‫Visit any website X-Y-Z dot com with the help of DNS this website. 377 00:23:32,240 --> 00:23:34,430 ‫Remember DNS domain name system. 378 00:23:36,090 --> 00:23:42,720 ‫So this DNS over converts this Web site into IP now this IP is connected with the server. 379 00:23:43,020 --> 00:23:49,170 ‫And remember, whenever we are going to get a connection, we define our requests since this is a request 380 00:23:49,170 --> 00:23:50,850 ‫we define, OK, I just need a page. 381 00:23:51,090 --> 00:23:52,200 ‫It will be a guest request. 382 00:23:52,560 --> 00:23:54,300 ‫I have some information with me. 383 00:23:54,330 --> 00:23:55,550 ‫It will be a post request. 384 00:23:55,560 --> 00:23:57,490 ‫I won't delete something from the server. 385 00:23:57,510 --> 00:23:58,860 ‫It will be a delete request. 386 00:23:59,370 --> 00:24:01,170 ‫So get on to a server. 387 00:24:01,680 --> 00:24:08,100 ‫Now, if we need to do some calculation, how have back and if we need to access our storage check if 388 00:24:08,100 --> 00:24:14,280 ‫this user exist or not, we have our database, so we connect with our backend, our database, get 389 00:24:14,280 --> 00:24:16,830 ‫all the information and then send a response. 390 00:24:17,610 --> 00:24:22,470 ‫There are two types of IP IPv4 risks you don't need to get into that right now. 391 00:24:22,830 --> 00:24:27,180 ‫Now, backing off site can be written in the Python, Node.js or BHP. 392 00:24:27,450 --> 00:24:31,650 ‫They have their own frameworks and then we have multiple type of database. 393 00:24:32,250 --> 00:24:36,450 ‫Now this response will be in the form of HDMI, the CIUSSS in JavaScript. 394 00:24:36,810 --> 00:24:41,730 ‫But if we are working with APUs, then the response can be in the form of JSON. 395 00:24:42,570 --> 00:24:48,990 ‫This whole request and response are off protocol, which is followed with H2 DB since we are focusing 396 00:24:48,990 --> 00:24:50,630 ‫on encryption security. 397 00:24:50,700 --> 00:24:54,720 ‫So we have extra dibs if you visit any type of website. 398 00:24:55,530 --> 00:24:57,600 ‫There are other protocols for e-mail. 399 00:24:57,600 --> 00:25:03,240 ‫We have SMP for our files Butterworth's we have FTP now. 400 00:25:03,240 --> 00:25:10,110 ‫When we have a simple website with only HDMI, CIUSSS JavaScript, we usually call them static website. 401 00:25:10,500 --> 00:25:14,160 ‫But once we have our own backend, we have database storage. 402 00:25:14,490 --> 00:25:16,500 ‫We call them as dynamic website. 403 00:25:17,280 --> 00:25:22,560 ‫I hope this brief idea is good enough for you to start your web development journey. 404 00:25:23,190 --> 00:25:29,310 ‫I hope you got the basic idea how does that bug and we have increased our level too much? 405 00:25:29,760 --> 00:25:34,520 ‫Don't worry from the next lecture, we are going to go on to the basic concept. 406 00:25:34,530 --> 00:25:41,160 ‫Download our ED where we can write stuff, discuss about the basics and then just follow everything 407 00:25:41,160 --> 00:25:42,180 ‫from basic self. 408 00:25:42,930 --> 00:25:44,470 ‫I hope this lecture was helpful. 409 00:25:44,580 --> 00:25:47,640 ‫Thank you for calling, and I see you guys in the next one.