Please enable JavaScript.
Coggle requires JavaScript to display documents.
Webbtekniker (The HyperText Transfer Protocol (HTTP): Standard protokoll…
Webbtekniker
The HyperText Transfer Protocol (HTTP): Standard protokoll för kommunikation mellan webbläsare och webbserver.
- Klienten öppnar en TCP uppkoppling till servern (port 80)
- Klienten skickar ett meddelande med en fråga till servern.
- Servern skickar ett svar på frågan.
- 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
-
-
-
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.
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.
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.
Serversidan och Klientsidan:
- Klientsidan: JavaScript
- Serversidan: CGI, JSP och Servlets, ASP, PHP
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.
Closure:
- Innebär att funktioner har tillgång till omgivningen de skapades i, d.v.s. variabler
deklarerade utanför funktionen
JSON (JavaScript Object Notation): Är ett kompakt, textbaserat format som används för att utbyta data.
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 ……. ?>)
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.
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.
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.
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-dokumentBestå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.
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:
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