INTERNET & WEBBEN

väldigt kort översikt om hur det fungerar & lite historia..

Vad är internet?

"Ett globalt nätverk av nätverk"

I princip: en stor samling kopplade enheter (dator, mobil, surfplatta eller andra smarta teknikprylar)

👩‍💻

👨‍💻

Hej!

👩‍💻

👨‍💻

👩‍💻

👨‍💻

👨‍💻

👩‍💻

👩‍💻

👨‍💻

👩‍💻

👨‍💻

👩‍💻

👨‍💻

👨‍💻

👩‍💻

👩‍💻

👨‍💻

The Opte Project, CC BY 2.5 , via Wikimedia Commons

Visualisering av en del av internet

Varje enhet har en specifik IP-adress

TCP/IP är det grundläggande protokollet för kommunikation över internet.

Historia

• Startade 1969  som US Department of Defense’s Advanced Research ProjectAgencys nätverk (ARPANET)
• Byggt som ett flexibelt och självlagande nätverk som gjorde det möjligt för den amerikanska försvarsmakten att fortsätta operera även om sovjetiska missiler slog ut delar av nätverket

Historia

• Den amerikanska försvarsmakten öppnade upp Internet för användning
  av amerikanska forskninscenter och universitet (den akademiska världen)
• 1989 skapade den brittiske vetenskapsmannen Tim Berners-Lee World Wide Web under sin tid som forskare vid CERN i Schweiz
• 1993 fördubblades antalet internetanvändare

Internet är en infrastruktur som innefattar tjänster som:

• www (webben)
• e-post
• fildelning
• streamingtjänster
• IP-telefoni

INTERNET

WEBBEN

Globalt nätverk av sammankopplade enheter som kommunicerar via TCP/IP

World Wide Web (www) är ett informationsystem för att dela dokument och andra resurser över internet. HTTP används som protokoll för kommunikation. 

HTTP

"Hyper Text Transfer Protocol"

• Det protokoll som styr kommunikationen på webben
• Konstruerades av webbens skapare Tim Berners Lee (1990)
• HTTP bygger på ett förfrågan/svar-förfarande mellan klient och server
• HTTPS är ett protokoll för krypterad transfer data

HUR EN WEBBSIDA EFTERFRÅGAS

👉 Webbserver - en dator* som tillhandahåller webbsidor och kan svara på HTTP-förfrågningar.

KLIENT

WEBSERVER

👩‍💻

FÖRFRÅGAN (REQUEST)

SVAR (RESPONSE)

*"server" kan också referera till mjukvaran som körs på datorn.

👉 Klient - en dator som kommunicerar med servern

Hej Reddit,

ge mig r/chickens

URL

 Uniform Resource Locator

HUR EN WEBBSIDA EFTERFRÅGAS

KLIENT

WEBSERVER

👩‍💻

KLIENT

KLIENT

Front-end v.s Back-end

• Front-end är utvecklingen på klientsidan med HTML/CSS/JS för webbläsaren ("det man ser")

• Back-end är utveckling på serversidan med hjälp av serverspråk som exempelvis PHP, C#.NET, Node.js samt hantering av databaser. 

WEBBLÄSARE

DATABAS

HTTP Server

APP

FILER

FRONT-END STACK

BACK-END STACK

WEBBSERVER

FILER

FILER

WEBB-LÄSARE

DATABAS

HÄMTA DATA

SKAPA

WEBBPLATS

TEMPLATE

WEBB-LÄSARE

STATISKA V.S DYNAMISKA WEBBPLATSER

RENDERING PÅ SERVERSIDAN

https://lvivity.com/wp-content/uploads/2018/01/fvb-difference.png

Front-end v.s Back-end illustrationer

https://ih1.redbubble.net/image.691103043.8062/flat,750x,075,f-pad,750x1000,f8f8f8.u2.jpg

https://www.hp.com/us-en/shop/tech-takes/how-does-the-internet-work

https://visual.ly/community/Infographics/computers/main-stages-development-internet

Inspiration om historia och hur det fungerar..

https://kmtom.files.wordpress.com/2010/08/internet-search-engines2.jpg

https://www.internetmuseum.se/