Webbstandard

HTML5

• Standarden vi använder för att skriva våra hemsidor
• index.html måste alltid finnas
• WHATWGs specifikation
• !DOCTYPE html

Document Object Model

The DOM provides a representation of the document as a structured group of nodes and objects that have properties and methods. Essentially, it connects web pages to scripts or programming languages.

DOM

DOM är ett interface som ska användas i kombination med HTML/XML samt SVG

XML / JSON

Standard sätt för att strukturera data

Key/value pair

Vi ska dela data, därför måste vi ha det i ett format som mottagaren kan tolka

{
  "key": "value",
  "name": "Florbor Trufyr",
  "likes": ["sunset walks", "fine arts"]
}

  Value
  Florbor Trufyr
  
    sunset walks
    fine arts
  

Standarder för att koppla samman webben

www

Tim Berners-Lee

ARPANET

Första internet

Lyckades senare koppla ihop två datorer mellan Europa och Nordamerika

IP connection

Internet Protocol

Adressen till varje enhet kopplad till internet

Internal vs. External IP

External IP: whatismyip

Internal vs. External IP

En router fördelar internet till flera enheter under samma external IP

// Orka memorera
          215.155.46.122

// Har du besökt 215.155.46.122? Grymt bra!
          

IPV4 vs. IPV6

Det nuvarande sättet att skriva IP-nummer är påväg bort

2011 tog de sista IP-adresserna slut

Detta har varit känt sedan 90-talet och därför arbetade man fram IPV6

Ännu längre adresser som troligtvis inte kommer att ta slut

URL / Domännamn

URL

Uniform Resource Locator

Istället för att använda IP använder vi ju namn

En URL är en typ av URI

Uniform Resource Identifier

Spotify: spotify:track:65qFx9XzeUV2LavwcF7tkf

Till skillnad från vår URL kan bara programmet Spotify hantera denna länk

https://fend16.github.io

Man utläser länken från höger till vänster

https://fend16.github.io

Top Level Domain

.com, .org, .net, .int, .edu, .gov, .mil, .arpa

https://fend16.github.io

Second-level domain

Man skaffar domännamnet i kombination med topdomännamnet

https://fend16.github.io

Subdomain

Standard är www. men man kan definiera vilka subdomän man vill.

https://fend16.github.io

Protokoll

Vi definerar hur resursen ska hämtas

default: http

https://fend16.github.io:80/index.html

Sättet att besöka hemsidor är standardiserat. Filen vi letar efter samt porten sätts implicit

Domännamn

Finns bara ett register

Man köper enbart namnet sedan måste man peka namnet mot en IP-adress

DNS-server

Ett system måste hålla koll på vilka namn som går var

Varje gång vi går till en adress kontaktas en DNS-server

Praktiskt exempel

Nu: Nätverkskollen

Efter: göra övningen som finns på GitHub