Internet: HTTP och HTML

Tumblrs grundare David Karp och Xbox programchef Jasmine Lawrence förklarar i detalj hur internet använder sig av HTTP och HTML.

Börja lära dig på http://code.org/

Håll kontakt med oss!
• på Twitter https://twitter.com/codeorg
• på Facebook https://www.facebook.com/Code.org
• på Instagram https://instagram.com/codeorg
• på Tumblr https://blog.code.org
• på LinkedIn https://www.linkedin.com/company/code-org
• på Google+ https://google.com/+codeorg

Internet: HTTP och HTML

Jag heter Jasmine och jag är en program-
chef i XBOX Ones injengörs-

team. En av våra största funktioner heter
Xbox Live. En onlinetjänst som ansluter

spelare från hela världen, och vi förlitar
oss på internet för att göra det. Det

är ingen enkel uppgift och mycket händer
bakom kulisserna. Internet

har helt förändrat hur människor
kommunicerar. Men hur fungerar det? Hur

kommunicerar då datorer över hela världen
med varandra? Vi tittar på webbsurfning.

Först öppnar du en webbläsare - appen som
du använder för att se webbsidorna. Sedan

anger du adressen eller URL:en - Uniform
Resource Locator - till webbplatsen

du vill besöka t.ex. tumblr.com. Hej jag
heter David Karp, Tumblrs grundare och vi

ska prata om hur webbläsaren vi använder
varje dag faktiskt fungerar. Du har nog

undrat vad som händer när du lägger
in en adress i din webbläsare och sedan

trycker på enter. Det är lika galet som du
kan föreställa dig. I det ögonblicket din

dator börjar prata med en annan dator,
en server, som vanligtvis finns tusentals

mil bort. På bara millisekunder begär din
dator en webbplats av servern som då

svarar din dator på ett språk som heter
HTTP. HTTP står för Hyper Text

Transfer Protocol. Tänk på det som språket
en dator använder för att

att be en annan dator om ett dokument. Och
det är egentligen ganska enkelt.

Om du skulle lyssna på en konversationen
mellan din dator och en webbserver på

Internet, skulle den främst bestå av s.k.
"HÄMTA"-begäranden. De är helt enkelt

helt enkelt ordet HÄMTA och namnet på
dokumentet du begär. Om du vill logga in

på Tumblr och visa vår inloggningssida,
skickar du en HÄMTA-begäran till Tumblrs

server som säger HÄMTA / login. Då förstår
Tumblrs server att du vill ha all HTML-

kod på Tumblrs inloggningssida. HTML står
för Hyper Text Markup Language och det är

det språk du använder för att säga till en
webbläsare hur en sida ska se ut. Om

du exempelvis tar Wikipedia som egentligen
bara är ett stort, enkelt dokument

och HTML är det språk du använder för att
göra titeln stor och fet, för att visa

rätt teckensnitt, för att länka viss text
till andra sidor, göra texten fet eller

kursiv, placera en bild i mitten av sidan,
för att justera bilden till höger

eller till vänster. Texten på en
webbsida i själva i HTML-koden,

men saker som bilder eller videor är
separata filer med egna URL:er som måste

begäras. Webbläsaren skickar separata
HTTP-begäranden för var och en och visar

dem när de anländer. Om en webbsida har
många olika bilder kommer var och en att

skicka en separat HTTP-begäran så sidan
tar längre tid att visas. Ibland begär du

inte bara sidor med HÄMTA-begäranden.
Ibland skickar du information som ett

formulär eller en sökning. Webbläsaren
skickar då informationen som vanlig text

till webbservern med en HTTP POST-begäran.
Så om du loggar in på Tumblr. Det första

du gör är en POST-begäran, det är en POST
till Tumblrs inloggningssida som inne-

håller vissa data. Den har din e-post
-adress, den har ditt lösenord. De skickas

till Tumblrs server. Tumblrs server ser
att du är David. Den skickar en webbsida

tillbaka till din app som säger: Klart! inloggad
som David. Men den bifogar även lite

osynlig cookiedata som din webbläsare ser
och vet om att spara.

Och det är viktigt för det är det enda
sättet som en webbplats kan komma ihåg vem

du är. Cookiedata är egentligen ett
ID-kort för Tumblr. Det är ett nummer som

identifierar dig som David. Webbläsaren
håller fast vid det numret och nästa gång

du uppdaterar Tumblr nästa gång du besöker
Tumblr.com vet din webbläsare automatiskt

att den ska bifoga ID-numret med begäran
som skickas till Tumblrs servrar. Så nu

ser Tumblrs servrar att begäran kommer
från din webbläsare, ser ID-numret och vet

att "Det här är en begäran från David."
Nu är internet helt öppet. Alla

anslutningar är gemensamma och information
skickas som vanlig text. Det innebär att

hackare kan få tag i personlig information
som du skickar över internet. Men säkera

webbplatser förhindrar detta genom att be
din webbläsare att använda en säker kanal

med ett så kallat Secure Sockets Layer och
efterföljaren Transport Layer Security.

SSL och TLS är som ett extra säkerhets-
skikt som lindar in din kommunikation

för att skydda dina data från att avslöjas
eller manipuleras. SSL och TLS är aktiva

när ett lås visas i webbläsarens adress
-fält bredvid HTTPS. HTTPS-protokollen

se till att dina HTTP-begäranden är säkra
och skyddade. När en webbplats ber appen

att skapa en säker anslutning, visar den
först ett digitalt certifikat. det är som

ett officiellt ID-kort som bevisar webb-
platsens identitet. Digitala certifikat

publiceras av certifikatmyndigheter,
betrodda organisationer som verifierar

webbplatsers identitet och utfärdar
certifikat. Precis när staten utfärdar

ID-kort eller pass. Om en webbplats
försöker skapa en säker anslutning utan

ett digitalt certifikat kommer webbläsaren
att varna dig. Det var grunderna!

Det som vi ser varje dag. För att samman-
fatta hanterar HTTP och DNS sändning

och mottagning av HTML, mediefiler osv på
webben. Det som gör detta möjligt är

TCP/IP och routernätverk som delar
upp och transporterar information i små

paket. Själva paketen består av
binära sekvenser ettor och nollor som

skickas fysiskt med elektriska ledningar,
fiberoptiska kablar och trådlösa nätverk.

Som tur är, när du har lärt dig hur en del
av internet fungerar, behöver du inte

komma ihåg alla detaljer. Och vi
kan lita på att alla dessa delar fungerar

tillsammans för att pålitligt leverera
information i rätt skala.