Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,151,081 members, 7,811,031 topics. Date: Saturday, 27 April 2024 at 09:16 PM

How Websites Work - Webmasters (3) - Nairaland

Nairaland Forum / Science/Technology / Webmasters / How Websites Work (13086 Views)

How Websites Get Hackked: A 2016 2nd And 3rd Quarter Report / How Websites Get Hacked / Satisfy Your Curiosity, Learn How Websites Work For Free (2) (3) (4)

(1) (2) (3) (Reply) (Go Down)

Re: How Websites Work by Unkl(m): 9:39pm On Mar 23, 2016
Nice thread!
Re: How Websites Work by ANTONINEUTRON(m): 10:10pm On Mar 23, 2016
Abeg sonoflucifer
Help me explain how server-side scripting work. dnt 4get 2 mention grin
Re: How Websites Work by deathmen12: 10:35pm On Mar 23, 2016
sonOfLucifer:
Alright, so this is a little guide on websites and how they work.

The Web has given us a lot of things to be grateful for; Patience Jonathan's epic 'CHAI' video on YouTube is something I will always be grateful for.
You can be in a remote village in Jalingo, and buy expired drugs from a businessman in China. NEPA might misbehave while you're in the middle of Season 3 of Game of Thrones. One MTN data pack later, you'd have watched it on YouTube or one of the many illegally legal streaming sites. tongue

Simply amazing, amazing technology.

I want you to relax and forget about what you know or think you know. I assume you know all I have to talk about; I just want to make sure that assumption is right.

So on to the topic, what's the web? How does it work? There is nothing too technical in this. Computers, and generally man's inventions, only mirror the world in which we live in.

It all begins with a device called a Computer. I assume you've used a calculator at some point in your life. Let's say you have to perform an addition on two numbers.
123 + 421

You press the buttons on the calculator to input the figures, and then press the answer button to get the result.
When you press the buttons on the calculator, the calculator has to perform the following processes to return a result to you.
a. accept your input.
b. process it.
c. return a result.

These are the functions of a computer. It's an electronic device that accepts input(data), processes it, and returns a result. Easy.

Computers you are probably more familiar with range from desktops, laptops, mobiles etc..

[img]http://hardwaretexpert.files./2011/01/connecttwocomputerswithethernet.jpg[/img]

Below are two computers. Let's call the one on the left a client and the other a server. The Client represents your laptop, phone or any device you use to view or browse a website. A program on your device called a browser is used to access the website. Your browser might Google Chrome, Mozilla Firefox, Opera Mini, or the dead,buried but not forgotten Internet Explorer.

Let me break this down a bit. Better hunger don wire you and you dey find food wey you go chop. You quickly rush into a restaurant, and two eba later, you are satisfied and your total financial worth has decreased by N250.

Like we did for the calculator, let's go through the process from hunger to satisfaction.
You walk into the restaurant and approach the small girl lazily swinging her legs and chewing gum behind the counter. You place your order and take a seat. This is you, the client.

You are a client because you have a request. In the same way, your browser makes a request for a webpage.
You do not need to go into the kitchen and prepare the food yourself. You do not even need to know if they have a kitchen. All you do is place an order (and hope your belle no go run cheesy).

So your device is a client that makes a request using a web browser.

Unlike the girl at the counter who is physically present in front of you, the browser needs to send a request to another computer several miles away. That request has to make its way to the right computer. If you want Mr Biggs to send you meatpie, the request should not end up at Jevinik.
This is made possible through the Internet.

What is the Internet?
Now imagine you have to travel from Port-Harcourt to Owerri. There are many roads by which you can embark on this journey. Some of the roads will have more traffic than others. But every car, hopefully, will leaves it origin and arrive at its destination safely.

In digital terms, we call the road network the internet. It enables you send messages between tow points, from source(your device) to destination ( server).You can connect two computers together in such a way that they will be able to communicate with each other.

NOTE: TO avoid being too technical, the rest of this story has been oversimplified. My intention is to ensure you understand the concept of what goes on behind the scenes, not understand every technicality.

The Internet is the connection of all connections. It's a digital highway enabling billions of devices to communicate with each other. On this digital highway, every device has something called an IP address. This IP address is similar to your home address. It identifies the location of each device on the highway, just like your address describes and identifies where you reside.

When you enter the address(facebook.com, bbc.co.uk, lindaikejiblog.com), you send out one small Akpan on the highway. That's your message. Akpan takes address(facebook.com, bbc.co.uk etc) and gets on the road. This is the address of the website you want to access.

Akpan gets to a junction. In IT parlance, we call this junction a router. They are a network device. You've probably seen one before. It's usually what you connect to when you login to a WIFI network. It's like TIMARIV /LASTMA and Immigration in one. They control traffic on the digital highway, ensuring that millions/billions of Akpans head in the right direction. Routers link different computer networks. If the website you want to access is hosted in another country, they'll be there to guide little Akpan along the way.

So from router, to router, to router Akpan goes, until he gets to the router closest to the computer where facebook/bbc/pornhub lives. Now, let's come back to reality.




The second computer on the right is called a Server. Don't Let the name scare you, it's nothing serious.

A server's purpose is to accept requests and respond to them. Like that girl at the counter in our imaginary restaurant.

It's a computer just like yours, but it has more power, more strength, it's a Goliath and you are its David. Its strength comes from the fact that it would probably have more hard disk, ram and processing power than your phone will ever need. Think about it, who has more stock of food right now? You or Mr Biggs?

The server is the computer on which the website is hosted. This is where your site lives.

Just briefly, let's describe what a website is. When you work on Microsoft Documents, you save them as document files. They'll probably have a .doc or .docx extension at the end of the filename. Different programs have different file types. You need video players (Windows Media, VLC) to play videos. You need music players to play music. In the same way, documents opened by browsers are called HTML files.

A web developer writes the code for a website, stores them in files called HTML files and copies them onto the server. REMEMBER, the server is just a computer like yours. So when Akpan gets to the door to deliver the message, the server opens the door, gets the request from Akpan, looks at the address, and goes to find the webpages. Usually, when you access a website, the first page you get is the homepage. This is the page the server will return to your phone.
And Akpan, returns home with a smile on his face, and delivers the webpage to your device. Facebook, Gmail, pornhub whatever, all inside his tiny little bag.. cry





Extra info for web developers

Following the analogy on Akpan, it's crucial to note the following.
The client doesn't need to know what the server does or how it gets the webpage. All Akpan requires is a html file is returned to it.

Now, remember as I said earlier, the server is like your computer. It runs an operating system just like your laptop runs Windows and phone runs Android or IOS (Apple).

From a web developer's perspective, to design a website you should be versatile in the following languages.
HTML : Determines the content of your web pages(.html files you save)
CSS: Determines how the content will look, its presentation ( .CSS files)
Javascript: Adds interactivity to your website. ( .JS files)
PHP/Mysql: Server side programs (explained further on)

Every web browser comes with HTML, CSS, and Javascript installed. So they're able to interprete the files without any help from the server.
Server side programs are installed on the server( remember just a computer). Apache is a WEB server. It's simply an application that runs on a server and handles those requests you make. PHP is a web language that runs on servers. It makes your pages dynamic (i.e the page you get is based on your input/feedback, think newsfeed on facebook).
Re: How Websites Work by An0nimus: 10:44pm On Mar 23, 2016
Aviero:
So when Nairaland was hacked, and we couldn't access it, it meant Akpan didn't go to deliver any message. Or when it delivered the message, the server couldn't find Nairaland to send to our IP address?

I am a total novice. I ft de talk rubbish sef..

cc: SonOfLucifer

It meant that the restaurant Akpan was always sent to was robbed and someone stole all the foodstuff.
Re: How Websites Work by lanchy: 2:44am On Mar 24, 2016
God forbid Domain Name System (DNS) being needed in any of the really lame explanations you have given.......what is www.olodo.com? Go and read DNS and come back and redeem yourself....there is still time. How does your web browser find yahoo.com? Is it standing out with it's chest like agbero, so all browsers know it as their pally pally!?
Re: How Websites Work by dayoungmoney1: 5:37am On Mar 24, 2016
html14java:
shot
so you have to quote the long post just to type 'shot'? You are a stupid slowpoke
Re: How Websites Work by Nobody: 6:00am On Mar 24, 2016
lanchy:
God forbid Domain Name System (DNS) being needed in any of the really lame explanations you have given.......what is www.olodo.com? Go and read DNS and come back and redeem yourself....there is still time. How does your web browser find yahoo.com? Is it standing out with it's chest like agbero, so all browsers know it as their pally pally!?
Mr. Lanchy,

My intention is to ensure you understand the concept of what goes on behind the scenes, not understand every technicality.
I apologize for writing an article that falls way below your level of competence.

2 Likes 1 Share

Re: How Websites Work by html14java(f): 8:51am On Mar 24, 2016
dayoungmoney1:

so you have to quote the long post just to type 'shot'? You are a stupid slowpoke

You need brain surgery
Re: How Websites Work by djblue007(m): 8:51am On Mar 24, 2016
seunlayi:
thank God for this thread, better than those snakes thread.

I Noticed it is over a week now since we have a snake thread making it to FP. What is going on?
You make me laugh.
Re: How Websites Work by Revolva(m): 11:05am On Mar 24, 2016
Too voluminous
Re: How Websites Work by lanchy: 12:28pm On Mar 24, 2016
sonOfLucifer:

Mr. Lanchy,


I apologize for writing an article that falls way below your level of competence.

No It is I who must apologise for being too critical! Technology makes me see red...sorry!

1 Like

Re: How Websites Work by SAEJO: 3:21pm On Mar 24, 2016
Welldone Bro you too much, if the Black Egyptian Pharaohs who were very knowledgeable and educated were like you, I mean in spreading knowledge and didn't try to suppress it and kept it within the Elitists Cult, The Black Man wouldn't have lost his civilzation to the White Man who now claims monopoly of civlization and knowledge that he borrowed from Africa, more grease to your elbows Bro, keep it up.

1 Like 1 Share

Re: How Websites Work by madgoat(m): 5:24pm On Mar 24, 2016
lanchy:
God forbid Domain Name System (DNS) being needed in any of the really lame explanations you have given.......what is www.olodo.com? Go and read DNS and come back and redeem yourself....there is still time. How does your web browser find yahoo.com? Is it standing out with it's chest like agbero, so all browsers know it as their pally pally!?
Mumu, ode, nuisance. . .
Someone took his time to give a simplified view of how the internet works so that even a kindergarten kid would understand but u are here spewing rubbish instead of thinking of ur life.
Re: How Websites Work by lanchy: 9:46pm On Mar 24, 2016
madgoat:

Mumu, ode, nuisance. . .
Someone took his time to give a simplified view of how the internet works so that even a kindergarten kid would understand but u are here spewing rubbish instead of thinking of ur life.

Very good of you to list your father's qualifications before hand. Which institution did he attain the mumu,ode,nuisance degree....or is it a family title? Madgoat living up to his name!
Re: How Websites Work by madgoat(m): 8:51am On Mar 25, 2016
lanchy:


Very good of you to list your father's qualifications before hand. Which institution did he attain the mumu,ode,nuisance degree....or is it a family title? Madgoat living up to his name!

Park well joor. . .
Re: How Websites Work by Vince77(m): 10:04am On Jun 09, 2016
sonOfLucifer:

.

I wantd to install an app on my system. But i need a strong Internet connection to do it. Like a wired internet connection.

Can u help with examples of places where i can get such connection if u know any.
Re: How Websites Work by Nobody: 10:08am On Jun 09, 2016
Vince77:


I wantd to install an app on my system. But i need a strong Internet connection to do it. Like a wired internet connection.

Can u help with examples of places where i can get such connection if u know any.
What app/OS? Where do you reside?
Re: How Websites Work by Vince77(m): 1:10pm On Jun 09, 2016
sonOfLucifer:

What app/OS? Where do you reside?
Android studio.
Windows10
Benin.
Re: How Websites Work by sonofluc1fer: 9:53am On Oct 08, 2016
Bump.
Re: How Websites Work by HappyPagan: 7:44pm On May 01, 2022
Bump.

(1) (2) (3) (Reply)

I Want To Insert Calendar On A Website / How To Write Search Engine Optimized (SEO) Article / Is Creating A Website Still Advisable In This Era?

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 46
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.