NodeJs

How does the Internet work? Difference Between Static and Dynamic and Front-end and Backend.

Difference Between Static and Dynamic and Front-end and Backend.

In this Knowledge bit, we will start learning about Backend, we will discuss and give an introduction to the backend. We will review how internet works then we will discuss the difference between static and dynamic site. We will also discuss that what is backend and how it is different from front-end.

How does the Internet work?

Let start by reviewing that how the internet works. When we open our browser and type any URL and press enter then few things happens behind the scene.

The first thing our computer needs to figure out what the IP address of the site that we want to load or what is the IP address of the site we want to send the request.

For example: – if we type www.geeksread.com in our browser and press enter then it will take the URL and then get the correct IP address which is the unique locator for GeeksRead server. Then once we have the IP address then our computer will send an HTTP request to that IP address. Then the GeeksRead server gets the request and then it figures out what to do and then it responds with something.

So, if we asking for JavaScript tutorial page. It will go in the database and grab all the JavaScript tutorial and then send back to my computer in one long HTML, CSS, and JavaScript file. After getting the HTML, CSS, and JavaScript from Geeksread server then it’s our browser job to convert these HTML, CSS and JavaScript file into meaningful readable data. Here is the content that our computer gets from the server.

 

How does the Internet work?

 

This is how the actual content look like before our browser takes care of it and renders it for us and convert that data into meaningful content. Now, This is the content that our computer sees.

 

 

This is the content that we see after our browser renders it for us. So our browser converts HTML, CSS and JavaScript file in meaningful content.

So it all started with the URL that we typed in our browser then our computer finds the IP address and then sent the request for the data or particular page to that IP address. Then server receives our request and responds with the data or particular page that we have asked.

Difference Between Static and Dynamic pages:

The next thing we will discuss is the difference between static vs dynamic pages. There are two different types of website static pages and dynamic pages.

Static Pages:

The static pages are those pages which are written using the plain and fixed code of HTML, CSS, and JavaScript. It is the basic type of website and contains the fixed number of pages and exact same information. The code is fixed in static website and information do not change.

Dynamic Page:

The dynamic web pages are the web pages that are written using the server-side scripting language like PHP, ASP, etc. These pages are compiled on the server side where the server is pulling together or constructing a web page before it sends back as a response. On the dynamic website, we could have different HTML, CSS, and JavaScript every time we send the request to the server for web pages.

For example: let’s take an example of Twitter and Facebook, every time we reload our page we get different content like different posts, page suggestion etc.

Difference between Front-end and Backend:

What is Backend?

Now, let focus on the backend. The backend is the server side, the backend is responsible for logic, calculations database interactions, and performance. There are different languages that we can write server-side code. We can write server-side code using Ruby, Python, Scala, JavaScript or PHP, here we have so many choices. There are also sorts of different databases out there like MySql, MongoDB and there are many other choices available.

So the backend is consist of the application, Server, and the database. The server deals with the user responses, logic, and how the application interacts with the database. Then the server sends the data back to the user in term of HTML, CSS, and JavaScript.

Then the browser deals with HTML, CSS, and JavaScript that server sends to the user and it is also called front end. So the front end is the part of the site where the user interacts with the site.

How Front-end is Different from Backend:

The backend is about logic and functionality of the site. Backend check if the user exists or not. What is the profile picture, etc. then the server figures out what HTML, CSS, and JavaScript should send back to the user. Then its front end developer responsibility that how to deal with this HTML, CSS and JavaScript code and change that code into meaningful data.

 

Conclusion:

In this knowledge bit, we have seen that how the internet works, and what is the difference between static and dynamic web page. Then we have discussed what backend is and we have seen that how it is different from the front end.

Click to comment

Most Popular

To Top