‫Hey, there.
‫Welcome back.
‫This side.
‫Now in this picture, let us discuss how does Bob now, to be honest, this lecture is not important
‫in terms of discourse perspective.
‫But if by any chance you want to get into a career related to web designing web development, then yes,
‫this lecture is important.
‫Now why I skipped this lecture the first.
‫So you will have a brief idea what happened behind the scene?
‫You will also get understanding about important dorms.
‫You will understand the floor, how our website is loaded on our Chrome browser, Safari browser or
‫any other browser.
‫So the main aim is to make you understand about the flow.
‫So there are a few important points.
‫The first one is if by any chance you don't understand this lecture.
‫Don't worry.
‫Just get the floor right.
‫Just have basic idea how this flow works.
‫Just get basic idea.
‫What are these dorms?
‫And that it the aim of this lecture is to give you a brief idea behind the scene.
‫Idea what happens with the website?
‫Nothing more.
‫Nothing less.
‫If by any chance you understand this lecture, that's great.
‫Since we are currently at a beginner level and this is a heavy topic, I don't want you to get lost.
‫So just get the idea that say, that's the aim of this lecture.
‫Second thing, I'm going to utilize a whiteboard.
‫I'm going to draw everything, make you explain everything, but you will have option to download the
‫digital resource in the form of image or PDF.
‫So don't worry about it.
‫Just understand if low don't.
‫And that's it.
‫You don't have to remember anything.
‫You don't have to learn anything in this lecture.
‫I already know you are at base level beginner level, but I'm intentionally giving you this big concept
‫big lecture at first.
‫So you have a brief idea how the entire floor works.
‫Otherwise, more students start with its HTML and CSS, but that clueless they have no idea how web
‫works.
‫So it's important just understand the flaw.
‫That said, OK, great.
‫Ready to start your journey?
‫Let me jump onto my whiteboard and in the stand the web.
‫The first thing is you are a user.
‫If you try to visit any website, you are a user and to visit any website.
‫We need a browser.
‫So let's start with a user.
‫Here you are a user based on any country.
‫You can be anywhere in the world and you have access to a browser.
‫Now this browser can be any browser.
‫It can be Chrome.
‫It can be Safari or any other browser.
‫So whenever you visit any website, you need this browser.
‫Now, if you want to visit Facebook dot com, you use Facebook dot com youtube.com or any other X-Y-Z
‫dot com.
‫Now these are known as you are told.
‫So you get into the browser, you ride the X-Y-Z dot com.
‫That's it.
‫Now this is known as the early part.
‫That's the first thing.
‫Now behind the scene, things are not simple.
‫This x y z dot com is then converted into IPPIS, so our Sara can deliver all the information.
‫This means nothing to us, our behind the scene.
‫What happened is this is converted into some IP, so suppose this IP can be maybe this 1948.
‫Two, two, seven, two, two seven.
‫Or something else, I'm just taking a random number behind the scene.
‫This X y z dot com is then converted into IP and this IP is connected with server.
‫OK, so that's our behind the scene walks.
‫Now this IP that you see is known as IPV four.
‫There is another type which is known as IPV six.
‫And it looks something bigger because this IP is about 32 bit and this one is about 128 bits.
‫So this will hold maybe approx 4.3 billion addresses, and this will hold a lot more.
‫So that's how this whole phase will visit a browser.
‫We enter the U.S. in x y z dot com.
‫Behind the scene, the oral is now converted into an IP and then go so that OK, give me this information.
‫Now this conversion happened because of B and s domain name system.
‫So there is a server before that, which is DNS server.
‫So are x y z dot com.
‫Go to this DNS and say, OK, this is x y z.
‫Now give me the IP.
‫This DNS gives this IP.
‫So there is this DNS that holds IP for each website.
‫Maybe YouTube.com, maybe Facebook dot com, maybe onward learning dot com or any other dot com any
‫other dot in any type of domain.
‫There is DNS that holds the IP.
‫I hope you got the idea.
‫So that's the biggest thing that happen when you visit of any type of browser, a name that a website.
‫Now what happened next when you visit us or what?
‫Well, the servers end up saying all the information that you ask.
‫So this server is going to sound OK, you are for x y z dot com.
‫Here is your x y z dot com.
‫That's it.
‫And that's the whole process.
‫But hey, your mom, you are saying that this is complicated.
‫I understood it, but that's where the fun begins.
‫There are lot more things that happen.
‫I would.
‫So there are lot more things to happen and don't happen here and there.
‫Let us understand about it.
‫So whenever we visit any type of website, we send a request whenever we get something from website.
‫We get a response.
‫Basically, when a browser or I should say a client here.
‫So this is client browser, and this is so what?
‫So this is dialogue between client and so what I say, OK, go to x y z dot com, get the homepage or
‫that the main page.
‫So we send a request to about that.
‫Please give us the homepage the main page.
‫That's a request.
‫Now our son was saying no response.
‫OK, this is your homepage.
‫This is your main page.
‫I say, OK, give me the login page.
‫It's a request.
‫So we're saying no response.
‫Okay, this is your login page.
‫So that's how this dialogue thing will now process from kind that is our browser to what is a request.
‫This processes request, remember?
‫So this is a request.
‫I know my handwriting is bad, but you just need to understand things.
‫So this claim that means my browser to server is request and from server to browser is response.
‫Now this is happening with our browser as well as ourselves.
‫If I say, please get me the X Y Z dot com homepage that says request and then the source send the homepage
‫that is respond.
‫Now one important thing there are multiple types of request.
‫Remember, this is super advanced concept.
‫Don't worry if you don't understand.
‫So there are multiple types of request.
‫There is get.
‫Then there is supposed.
‫Then there is elite.
‫And there is also what?
‫What are these and why do we need them, actually?
‫So let us understand when we just access a page that is a get request, OK?
‫Just get me debate when we try to pass some content that will be a post request when we update our content
‫that will be post requests when we delete the content that will be delete request.
‫Now, why do we need them?
‫Well, this help us to simplify things.
‫If I say go to Twitter.com or if I just access any status that will we get request?
‫But if I send some information, then it will be post requests for someone know what is happening without
‫even looking at anything else.
‫They can just get the information, what is going to happen with this type of request.
‫If I'm sending or deleting any status, I will have information that address, delete, request before
‫anything else.
‫I will have information if I'm going to abate any status that will be put request.
‫So whenever we are just accessing or fetching any information that will be get request whenever we are
‫sending some information that requires some process that will be post requests whenever we are updating
‫any privacy data that will be put requests and whenever we are deleting, that will be delete request.
‫OK.
‫There are few other request at this point of time.
‫You just need brief idea.
‫So just get the idea of these for.
‫Now there is a protocol that is followed with these request and that is known as its GDP.
‫You will see whenever you visit a website, you see HDB or the browser automatically adds its GDP code
‫on slash like Google.com or any other website.
‫So this protocol is HDP.
‫So we call this as a study we request, and this is a study response.
‫Now there are few other protocols there is simply be.
‫Whenever we walk with e-mails.
‫We use IMDb, so all the e-mail thing work with the help of SMB protocol.
‫And then there is FTB.
‫So whenever we are working with files and so over, there will be this FTP protocol.
‫So there are few other protocols, and at this point of time, you just need to understand about HDB,
‫which is a request and response.
‫Now you will see yes, nowadays.
‫Airstrips caught on flash, Google dot com.
‫Why?
‫Well, security is important nowadays.
‫This is basically means whenever you see HTP is, that means data is encrypted.
‫When we send a request as well as response, browsers are focusing that you showed how SSL certificate,
‫which is basically related to security.
‫That's great tech.
‫There's too much information, but how should I know all of this?
‫And that's my browser.
‫Have this information that this is happening behind the scene?
‫Yes.
‫So let us visit our Google dot com.
‫That's the most common website.
‫Right click here.
‫Click on Inspect.
‫And you will have this developer tool you see now, chances are maybe you have on the right side, on
‫the bottom side and even ends.
‫Just click here and you will have option to make it right left on.
‫Maybe.
‫Anyways, so I'm going to get it on the right side and you might have the squeezed out.
‫This is just try to have enough space so we can intrigue a lot of things.
‫Get on to the network.
‫If you're not able to find it, click here and you will have options regarding network since I have
‫here.
‫Just click on the network and use this to clean all the information.
‫Just clean all the information.
‫Now, if I had to load this one, you see, I got all the file information that Google recently loaded
‫on my browser.
‫And if I visit this www.youtube.com here, you will see all type of information that website has given.
‫So this is the requested you oral request method is get here.
‫If you observe, it is just a studio's request method, which is get now listed as good.
‫This is interesting.
‫We will discuss about it, but then we have remote address.
‫This is a recipe that I was discussing.
‫So if I open this IP?
‫You can see this ibis converting to Google dot com automatically.
‫So this is the app now, I hope you got the basic idea.
‫Whenever we visit Google Dot Com, it converts to IP and then get information to ourselves.
‫Now you will see other information as well.
‫That is status code.
‫What is this and why this is green now?
‫For each information?
‫Different type of responses, there are status code.
‫Well, there are few common ones.
‫If you're just statically search on Google, you will see 200.
‫You will see all zero four.
‫You will see five, zero three and fewer than what is this 200?
‫Well, basically when our side of our response is OK, we get 200, when we are not able to find any
‫page, we get support zero for not one when the so what is not working, we get five zero three that
‫is so is not available.
‫So there are several status code that we get in response to understand what is happening here.
‫If you visit any website and it says 200, OK, everything worked well, maybe it returned for 04.
‫That means OK, there is some issue.
‫Maybe Page is not available to our cell, but it's not able to find that page.
‫So that means when we send a request, we send this guest post and delete.
‫But when we also get a response, we have information about this status code.
‫So there will be two zero two four four five zero three or something else.
‫We just connected with that response.
‫OK, let me get back to our browser.
‫So this is general information.
‫Then if you see a response head, that means what is the response that Google sent it saying everything
‫that we are able to load here?
‫So if you just get here on the response site, they have sending tired HTML code.
‫That means the place that we are loading on our browser, it can mean any form.
‫Currently, the response type is HDMI, so it will send HDMI, CIUSSS as well as JavaScript.
‫OK, I hope you got the best idea.
‫Now here you can see d'Escoto response, you will see this entire goal.
‫If you get on to the preview, this is the piece that they have sent here.
‫You can see with the image.
‫Now, if you get on to the robot, you will get all the other information which you might use as an
‫advance developer.
‫Now if I visit Amazon.com.
‫Go on to the signing page, which is login page nitpick.
‫Click on Inspect and get on to my network.
‫Clear everything.
‫Reload this page.
‫Now here you can see I have access to space that means it should be a get request and our status code
‫is 200 great.
‫My if I log in, if I continue this, that means I'm sending some data to Amazon.
‫It will be post request, remember?
‫So let me clear this one.
‫Continue.
‫And this is the document.
‫You see, it's a post request.
‫And this is a rip off Amazon, which might walk on not walked out of their own setting.
‫And how if I entered the password and if I.
‫Continue.
‫That means if by signing, but before that, let me clear this if I sign in.
‫Now here you will see.
‫This is a post request.
‫Status quo is 200, I'm not able to log in because maybe my password is wrong, but they have sent this
‫information to their server and you will get all the information, what type of response I got.
‫So if I scroll down.
‫You can see I send the e-mail address and this is my encrypted password that I sing.
‫So all this information is sent with the help of each tidbit.
‫And here, let me clear this up and the correct password.
‫Also, enter this cash.
‫Let me clear everything.
‫Click on signing.
‫You can see this is long then, but then now they are asking me to verify.
‫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
‫request.
‫So that's how things are working behind the scene.
‫The main aim is not to log in the Amazon, but to understand what is happening behind the scene with
‫this information and the status code.
‫Now let me get back here.
‫I hope this whole working is now understandable, but there is one other thing that we haven't discussed
‫about this.
‫What happened behind the scene?
‫That means when we visit any sober, what happened here, we send our request.
‫I understand about this now.
‫But what happened here?
‫Well, there are background things.
‫So we have an entire back end here.
‫Which I understand about the logic would which do all the calculation stole everything with the help
‫of our database.
‫So we have connection with database here without a backend.
‫So there is a database which is connected without a background.
‫Now, when we visit this Amazon.com 0.10, I log in with the help of post request.
‫Send out an email address, so get on to the server now.
‫So what has some backing and connect would be a database search about if this email exist or not, if
‫this password is correct or not.
‫And then send a response.
‫So if the email is okay, if the password is okay, they will redirect us to our insider page where
‫we will have access to Warner's account, everything.
‫So we will get the status quo to the 200.
‫If the login is incorrect, they will send a different type of response.
‫So that's how this whole thing was.
‫That means the server itself is a subject.
‫So for back end, we might use something like Python.
‫Or maybe Node.js or maybe BHP.
‫So these are the programming language that will be utilized here.
‫Now there will be frameworks for Python.
‫There is Django one node we will have expressed for BHP.
‫We have Laravel.
‫So there are this is a different subject, but I'm just giving you a brief idea now what database you
‫might use, sequel, database or you might use?
‫No sequel database or maybe anything else.
‫So there are different types of database.
‫Now this whole topic is with servers are you can it back in bleeping.
‫So this is how things work behind the scene.
‫Now, the standard response, no response usually are off to type.
‫If you are working with web sites, then you will get HDMI, CSS as well as GSM.
‫But maybe instead of this website, you have a mobile app.
‫Remember, the mobile app is also a part of web.
‫So suppose instead of this browser, you have an app.
‫Things are going to remain same.
‫Don't worry, but the response will be maybe in the form of JSON.
‫And the app knows how to load that response.
‫Or maybe you have our next job application.
‫Things are going to still remain same, so someone who is sending the request is basically client.
‫Someone who's sending the response is basically this software.
‫That's the whole big thing that happened behind the scenes.
‫I hope you got the idea.
‫I if I jump out on my browser itself.
‫You will see the content type is fixed HDMI, that means here without a response harder.
‫We got the idea about the content type.
‫So had the responses in the form of HDMI type, and you will also see the content length that is the
‫amount of code that they are sending in response.
‫You can see this entire page.
‫So that's how this behind the scene response is working.
‫That is the content type.
‫If I jump onto the Amazon, get on to the response header, you will see something similar content type
‫HDMI.
‫So maybe in future you get go back in development, you walk with APUs, you will see a response with
‫the help of Jason.
‫Also, I hope you got the big picture idea.
‫Now this is grade one stuff for a beginner.
‫Now there are chances that you might caution me.
‫I was there just to build simple websites with HDMI.
‫Yes, bootstrap.
‫Why are you teaching me?
‫Well, this will give you an idea how things happen behind the scene when you load a simple website.
‫Now head, I want to discuss one more topic, which is static and dynamic website.
‫So when you have a simple website which doesn't need any type of calculation, doesn't need any type
‫of storage like database at that point of time.
‫We call this as static web site.
‫Now, these websites are usually simple page that we are going to debate with the help of HDMI this
‫year says there will be here and there.
‫JavaScript, maybe you will use bootstrap source that will be static website.
‫Now, once our website start requiring calculation, once I start website start requiring database to
‫store data and access data later.
‫Maybe you need data storage for email address password.
‫At that point of time, we call the mass dynamic website.
‫You will see these two dams a lot.
‫First, you learn about starting a website once you are good with them, once you understand about their
‫designing their structure, you connect, then mid back end, you connect them with databases to convert
‫them into a dynamic website.
‫These two are common terms.
‫OK.
‫I hope you got the idea.
‫Before I end this lecture, let me also give you a brief idea about these HDMI lenses views HDMI.
‫Don't give us structure to our website.
‫We use CCS to design that website, and we use JavaScript to add some functionality on the website.
‫So if you visit any type of website here, maybe google.com, this structure like this will be our header.
‫There will be an image.
‫This is going to be a search bar.
‫Then there will be two buttons.
‫This will be a folder.
‫So this structure is defined with the help of HTML.
‫This is estimating now how this button is going to look, what will be the color of this one?
‫Everything else will be decided by this system.
‫Now there is other thing like what type of popup will appear here?
‫What type of notification will appear here?
‫That is all controlled by JavaScript.
‫That means this stimulus by structure.
‫This is or designing or styling this Jessi's or different type of web browser functionality.
‫You will get more depth about this once we start moving forward.
‫That's OK.
‫Let me give you a brief idea as a user will visit a browser called this browser as client.
‫Visit any website X-Y-Z dot com with the help of DNS this website.
‫Remember DNS domain name system.
‫So this DNS over converts this Web site into IP now this IP is connected with the server.
‫And remember, whenever we are going to get a connection, we define our requests since this is a request
‫we define, OK, I just need a page.
‫It will be a guest request.
‫I have some information with me.
‫It will be a post request.
‫I won't delete something from the server.
‫It will be a delete request.
‫So get on to a server.
‫Now, if we need to do some calculation, how have back and if we need to access our storage check if
‫this user exist or not, we have our database, so we connect with our backend, our database, get
‫all the information and then send a response.
‫There are two types of IP IPv4 risks you don't need to get into that right now.
‫Now, backing off site can be written in the Python, Node.js or BHP.
‫They have their own frameworks and then we have multiple type of database.
‫Now this response will be in the form of HDMI, the CIUSSS in JavaScript.
‫But if we are working with APUs, then the response can be in the form of JSON.
‫This whole request and response are off protocol, which is followed with H2 DB since we are focusing
‫on encryption security.
‫So we have extra dibs if you visit any type of website.
‫There are other protocols for e-mail.
‫We have SMP for our files Butterworth's we have FTP now.
‫When we have a simple website with only HDMI, CIUSSS JavaScript, we usually call them static website.
‫But once we have our own backend, we have database storage.
‫We call them as dynamic website.
‫I hope this brief idea is good enough for you to start your web development journey.
‫I hope you got the basic idea how does that bug and we have increased our level too much?
‫Don't worry from the next lecture, we are going to go on to the basic concept.
‫Download our ED where we can write stuff, discuss about the basics and then just follow everything
‫from basic self.
‫I hope this lecture was helpful.
‫Thank you for calling, and I see you guys in the next one.