INTERNET & WEBBEN
väldigt kort översikt om hur det fungerar
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.
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
OK!
URL
http://www.google.com/maps
Protokoll
(http eller https)
Domännamn
Resurs
Uniform Resource Locator
HUR EN WEBBSIDA EFTERFRÅGAS
KLIENT
WEBSERVER
👩💻
KLIENT
KLIENT
HTTP REQUEST
HTTP RESPONSE
https://www.google.com/maps
Protokoll
(http eller https)
Domännamn
Resurs
DNS
DNS uppslag
https://216.58.211.206:443
TCP/IP socket anslutning
HTTP metod + dataförfrågan + HTTP version
HTTP request header (olika inställningar)
HTTP response body
HTTP metod + dataförfrågan + HTTP version
HTTP response header
HTTP response body
3
1
2
4
HTTP vanliga statuskoder:
200 – OK
201 - Created
400 – Bad request
404 - Page not found
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
FRONT-END
BACK-END
HTTP Server
APP
FILER
V.S
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
Front-end v.s Back-end illustrationer
Internet & webben
Inspiration om historia och hur det fungerar..