Webbtekniker

The HyperText Transfer Protocol (HTTP): Standard protokoll för kommunikation mellan webbläsare och webbserver.

  1. Klienten öppnar en TCP uppkoppling till servern (port 80)
  2. Klienten skickar ett meddelande med en fråga till servern.
  3. Servern skickar ett svar på frågan.
  4. Servern stänger ner uppkopplingen

Frågestängar:

  • GET Används för att hämta en resurs.
  • PUT Används för att skapa en ny instans av en resurs.
  • POST Används för att uppdatera en resurs.. Hämtar information från servern och skickar MIME-meddelanden

HTTP Keep-Alive:I HTTP 1.1 och senare kan man återanvända en redan använd socket.

Cookies: Används för att spara information om klienten och för att spionera

Rest är en stilmodel för webben

MIME: Är en tagg för att identifiera innehållet och innehållets typ. I webbsammanhang används MIME för att tala om vilken typ av innehåll dokumentet har, tex html-kod i textformat eller en JPEG-bild.

HyperText Markup Language (HTML):

  • Webbsidor skrivs i allmänhet som HTML och överförs över Internet med HTTP
  • ger möjlighet att ange ett dokuments struktur (rubriker, styckeindelning m.m.), metainformation (språk, författare, plats i en hierarki) och i viss mån hur dokumentet skall visas.
  • HTMLEdditorKit och jsoupe.

Cascading Style Sheets (CSS):

  • Layout
  • Är ett språk som beskriver presentationsstilen för ett strukturerat dokument som till exempel typsnitt, textstorlek och färg.

HTMLEdditorKit: Är en eventbaserad parser och är ganska begränsad i sin funktionalitet samt dokumentation.


Jsoupe: Är baserat på ett yttre libery och det är fullt funktionellt och lätt att använda men det kräver att man hämtar hem ett externt libery.

eXtensible Markup Language (XML):
Är en specifikation för att specialdesignad så kallade märkspråk, som man sedan kan använda till att spara och dela data på ett strukturerat och välformat sätt

Document Object Model (DOM):
Är ett plattforms- och språkoberoende gränssnitt som ger programspråk möjligheten att dynamiskt läsa och uppdatera ett dokuments innehåll, struktur och formatering

  • Med hjälp av DOM går det att läsa XML-dokument som hämtas med hjälp av AJAX.
  • DOM bygger upp ett träd som representerar XML-dokumentet på vilket man sedan kan utföra godtyckliga operationer (på hela eller delar av trädet).

SAX: :
SAX sparar inte någon fullständig representation av dokumentet. Med SAX kan man utföra operationer efterhand som parsern stöter på olika taggarna. Är oftast snabbare än DOM.

XHTML (Extensible HyperText Markup Language):
Är ett märkspråk och en vidareutveckling av HTML. XHTML är till skillnad från HTML, som (i teorin, inte praktiken) är baserat på det flexiblare SGML, baserat på det striktare XML. Tanken är att man med XHTML (liksom med HTML) ska kunna bygga och länka samman dokument som kan visas över webben.

XSL: EXtensible Stylesheet Language:
Är en standard (språk/vokabulär) inom XML-konceptet för presentation, filtrering och transformering av XML-dokument


Består av:

  • XSLT: Ett språk för transformering av XML-dokumentet till andra dokumentformat eller till andra XML-dokument,
  • XSLFO: Ett språk för att beskriva XML-dokumentets layout,
  • XPath: Ett språk för att definiera XML-dokumentets delar eller mönster och används för att adressera delar av dokument.

Serversidan och Klientsidan:

  • Klientsidan: JavaScript
  • Serversidan: CGI, JSP och Servlets, ASP, PHP

Unicode och UTF-8:
Teckenstandarder för hur man kodar texter, för att datorer på ett nätverk ska kunna skicka texter mellan sig:

Klientsidan:

  • JavaScript:
  • Dynamiskt beteende
  • Klasser finns inte

I programmeringsspråk med function scope har all kod i en funktion en gemensam namnrymd
för variabler. Beteendet när variabler deklareras i ett inre block är annorlunda än i t.ex. Java;
a) Inre variablerna ersätter tidigare variabler med samma namn (i Java skuggas de yttre
variablerna). b) Variablerna är synliga efter det inre blocket.

Statiska webbsidor:

  • Får sitt utseende bestämt när en webbdesigner skapar den
  • HTML är statisk

Dynamiska webbsidor:

  • Konstant uppdaterade webbsidor
  • Svarar på databasförfrågningar
  • Animeringar

Closure:

  • Innebär att funktioner har tillgång till omgivningen de skapades i, d.v.s. variabler
    deklarerade utanför funktionen

Serversidan:

  • CGI (Common Gateway Interface): Är ett sätt att generera dynamiska sidor med hjälp av godtyckligt scriptet. Fördel: Du kan använda godtyckligt scriptspråk och det är väl beprövat. Nackdelar: Ineffektivt då det startar en helt ny operativsystemsprocess varje gång.


  • Servlets (Java Servlet API): Dynamiskt webbinnehåll med hjälp av Java. En http servlet är ett objekt som accepterar en förfrågan (http request) från t.ex. en webbläsare och sedan genererar ett svar (http response) med ett oftast dynamiskt innehåll. Den startar inte en ny operativsystemsprocess för varje gång, vilket gör den effektiv. Den startar inte heller om för varje HTTP-begäran


  • JSP (Java Server Pages): “Programkoden i HTML-koden” istället för “HTML-koden i programkoden”. 1) Begäran anländer till webbservern. 2) Om det är första gången som sidan begärs laddas motsvarande ”.jsp”-fil in och kompileras om till en servlet av ett särskilt översättningsprogram. I annat fall går vi direkt till steg 4 nedan. 3) Den nyskapade servleten kompileras av javakompilatorn och startas. 4) Metoden service() anropas av webbservern. Metoden analyserar begäran och skapar HTML-kod som svar. 5) Den producerade HTML-koden laddas ner till klienten.

  • PHP: Är ett populärt skriftspråk som främst körs på webbservrar för att skriva internetsajter med dynamiskt innehåll. Öppen (Open Source), gratis. HTML-kod med PHP-taggar inlagda (<?php ……. ?>)

JSON (JavaScript Object Notation): Är ett kompakt, textbaserat format som används för att utbyta data.

Ajax: Asynchronous JavaScript and XML: Är ett samlingsnamn för flera olika tekniker som kan användas för att bygga applikationer för World Wide Web.