Webbutveckling 1 Flashcards

(75 cards)

1
Q

Förklara internets historia

A

60s - ARPA (US army) bygger nätverk för armén
69 - Arpanet födds
73 - Första international kontaken (m. Norge)
83 - Arpanet från 2vägs kom (NCP) till TCP/IP-protokoll samt blev civilt
84 - skapar Ulf Bilting 1a svenska IP-adressen & koppla upp sverige på Arpanet.
Televerket i EU ville få igenom sitt X.25-system så de kunde ta betalt för trafiken
89 - bygger Tim Berners-Lee www. samt första webbservern & html & http som grunden till vårt nät idag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Förklara HTTP

A

HTTP (HyperText Transfer Protocol)
Protokoll & Schema mellan webbläsare & webbservern på TCP/IP nätverk

Är vad som sker efter DNS

Du kommer alltid få ett svar i form av xxxx kod med meddelande.

Klient (local) → router → Server (Remote computer)

Klient frågar → ← Server svarar (happens over http) , server ja eller nej, svara alltid med status kod

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Förklara FTP

A

FTP (File Transfer Protocol)
Regeler som nätverk följer för att överföra filer mellan klient & server på ett datanätverk. Ladda upp/ner filer eller skicka t annan dator

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Förklara DNS

A

DNS (Domain Name System)
URL –> DNS –> IP-adress.

Klient (skriver ett domän) → DNS cache (kan ge svar direkt om jag varit där tidigare)
OR
Klient (ex:domän.com) → DNS resolver → Root server (.com) → TLD (Top level domain) (lista av .com) → Auktoritativa server (master + slave per domän) (exakta infon) → skickar tbx IP-adressen till klient

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Förklara webbriktlinjer

Vad är det?

A

Officiella riktlinjer för hur man bör arbeta med webbplatser inom offentlig sektor.

Du som aktör ska följa enligt lagen om tillgänglighet till digital offentlig service.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Vad är vanliga element?

A

<p> <div> <h2> <head> <body> <meta></meta> <html>

| Element är de HTML kod är uppbyggt på element har alltid <>
</html></body></head></h2></div></p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Vad är attribut?

A

Skrivs i element för att ge extra info

Vanliga attribut - charset, lang, type, name, for, class,

Ex: <input></input> type är ett attribut - samt de skrivs (=””) inte <>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Vad är skillnaden på block & inline element?

A

Block element (ex.<p>,<div>) startar alltid på en nya rad och webbläsaren lägger till margin runt (ruta).

Inline är tar bara upp så mycket bredd som är nödvändigt (ex.input, label)

Block kan ha inlines - men inte tvärtom

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Vad är en typselektor?

A

Typselektor är det första du skriver i CSS.
De matchar stillmallen med ett (eller fler) element i html-koden.

Kan även vara ID-selektor eller Klass-selektor.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Kommentarer i HTML & CSS

A

HTML : < ! - - X - - >
CSS : / * X * /

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Länka en extern CSS-fil

A

link + rel + href
Om de ligger i annan mapp, skrivs mapp / filnamn . css

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Vad står RGB för?

A

Röd, grön, blå

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Förklara ALPHA

A

Är graden av genomskinlighet.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

När är vektorgrafik bättre?

A

Funkar bättre med logotyper, ritningar.
Kan anpassa storlek utan att påverka kvalitén

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Vad händer om du komprimerar en JPEG-bild för mycket?

A

Du förstör kvalitén och du kan ej ångra.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Förkorta #AABBCC #000000 #1100CC #A1B2C3

A

ABC #000 #10C , går ej

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Hur länkar du en bild i html?

A

img src=”img/hem.jpeg” alt=”Bild på hus” (relativ-link)

Om bilden inte är lokal (på din server) blir src= full URL (absolut-link)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

När måste du kompressa ditt jobb till ZIP-fil

A

Om det består av mer än ett dokument eller har bilder

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Vad är skillnaden på iframe & video

A

iframe är inline & kan inte gömma kontroller eller loopa videos
(Eller visa en annan webbsida)

Video ger dig mer kontroll att bestämma hur videon visas.
Kan även lägga till xtra source så webbläsare kan välja lämpligast format

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Vad är syntax

A

Reglerna för element - alltså i vilken ordning de ska skrivas eller vara - grammar & spelling of the language

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Förklara semantik

A

Semantik element menar att elementet definierar meningen med innehåller.
(EX: header, footer)

Sematiska element som <menu><header><footer>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Vad är ul & ol?

A

UL : punktlista (unordered)

OL : numrerad list (ordered)

Följs av li element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Hur skapar du en tabell

A

Med <table> <tr> <th> <td>, underlättar att även använda <thead> & <tbody>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Hur skapar du ett formulär

A

form element : sen använder du de kapslade element som passar bäst.

Elements: input, textarea, button, datalist,

Atrributs: type-text, type-radio, type-checkbox, type-password

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Vad är skillanden på HTML, CSS, JavaScript
HTML är grunden (kodmall) CSS sätter stil (stillmall) JAVASCRIPT beskriver hur saker beter sig
26
Hur gör du för att stapla saker i CSS
Antingen bara genom att sätta olika positioner eller med z-index kan du styra i vilken ordning de visas
27
Hur länkar du en ljud fil
audio element och attributed src & type som säger audio/format
28
Hur skapar du luft i ett element
I HTML med
I CSS med margin & padding
29
Hur skriver du CSS i HTML
I head lägg ett style element med sluttagg Kan även använda style attribut som inline styling med då är värdet (="") istället för : ;
30
Vad är/gör lang
Attributet bestämmer språket på dokumentet
31
Vad är meta charset
meta är elementet charset attributet Sätter karaktärsspråket/ teckenkodningen, vi använder Utf-8, så å ä ö kan användas
32
Vad är obligatoriska element
doctype html (rotelement) head(meta data) meta charset title (link och style är alltid i head)
33
Vad är DOM
Document Object Model Kopplingen mellan webbläsaren och dokument När webbläsaren tolkar ett dokument skapas en struktur av objekt (elementen) i datorns minne (noder & träd) DOM definerar method, properties & events for the element
34
Vad är meta data
allt som står inuti head element är meta data - så webbläsaren kommer ej visa de
35
Vad gör target attributet
bestämmer hur en länk (a-hyperlink) ska öppnas EX: _blank öppnas i ny flik
36
Vad är en hyperlink
Med a taggen skapar du en hyperlink - klickbart element Om de inte har ett href attribut blir de en placeholder för en hyperlink EX:
37
Vad är skillnaden på absolute & relativ länk
Absolute - länkar till en annan server Relativ - länkar till en annan sida på din server (du har skapat)
38
Hur skapar du en meny
Kan använda ul, menu eller nav
39
vad gör action & method attribut
bestämmer hur nått ska skickas action är vart method bestämmer hur (post/get)
40
Hur kan du anpassa vad som går att mata in
Med pattern attribut
41
Vad är placeholder
attribut som ger en grå text som kan fungera som en specifik beskrivning
42
Hur gör du nått obligatoriskt
Efter alla attr. i starttagg skriv bara required - sen med css kan lägga till en *
43
Vad är TLS
Transport Layer Security -kryptering (Gamla benämning SSL - Secure Socket Layer) Säkerhets protokoll kommunikation över internet (alltså HTTPS)
44
Vad är maskinvara
Även kallad hårdvara - fysiska delar av en dator
45
Förklara teckenkod
Avgör vilken binär sekvens som används för att representera varje bokstav eller annat tecken
46
Vad är programspårk
Programspråk har en exakt syntax och semantik för att kunna tolkas av datorn och saknar därmed de naturliga språkens flexibilitet och uttryckskraft.
47
Vad är en text editor
Dataprogram för att redigera oformaterad text
48
Förklara www (world wide web)
En tjänst som gör webbsidor & datafiler åtkomliga via internät
49
Vad betyder !DOCTYPE html
Att det är ett HTML5 dokument
50
Förklara Ecmascript
Standard för skriptspråk - avsedd att säkerställa interoperabilitet mellan webbsidor över olika webbläsare Kärnspråket i JavaScript bestäms av de till skilland från W3C som bestämmer HTML,CSS & DOM Netscape skapa javasript, microsoft kopierade, så de gick till Ecma för att hindra språket från att fragmenteras
51
Vad är märkspårk
Märkspråk = HTML - beskriva docs struktur & innehåll Märkspråk - sidbeskrivningsspråk, är ett format för dokument bestående av särskilda textkoder (så kallade taggar eller element)
52
Vad är skillanden på personuppgiftslagen & GDPR
PUL kom -98 och handla om hur juridiska och fysiska personer får behandla personuppgifter. GDPR bytte ut PUL 2018 och är ett bredare koncept. GDPR - låter alla EU medborgare veta och bestämma hur deras personuppgifter används, lagras, syddas, överförs och raderas. Finns inget liknande i USA..
53
Vad gör olika positions värden
fixed - relativ till dokumentfönster relativ - ligger kvar i flödet
54
Vad är BOM
Browser Objekt Model Tillåter JavaScript att prata med webbläsaren Browser-specific convention referring to all the objects exposed by the web browser. Ovanlig o bör undvika
55
Vad är query strings
De delar som följer med när du skickar en HTTP - så method och liknande
56
Förklara slugg
Delen av url som är läsbar o de du oftast söker på
57
Förklara skillnad på statisk vs dynamisk sida
Statisk - enklare sida som ligger lagrad i serverns filsystem (kräver manuell uppdatering) Dynamisk - skapas vid förfrågan. HTTP-frågan triggar ett program på servern som hämtar data från olika håll (databaser, textfiler, andra serverar) Uppdateras så fort ny data tillförs och blir mer interaktiva
58
Vad är JSON
Ett format för när data skickas via webbtjänster
59
Vad är CMS
Content Management System - färdigt system för dynamiska webbplaster/tjänster
60
Vad är Ajax
ett samlingsnamn för flera olika tekniker som kan användas för att bygga applikationer för World Wide Web med bättre interaktivitet än tidigare webbapplikationer.
61
Pugin vs Helper application
plugin är inbäddad i sidan Helper öppnas i eget program fönster
62
Vad ledde 90-tals internet kriget till
Webbstandardsrörelsen Ledde till att webbläsare tillverkar jobba på hur bra de kan följa standarden istället för vad de kan göra utöver
63
Vad är wireframe
Skiss på hur en sida ska se ut (Skeletet)
64
Vilka 3 nivåer av testning bör man gå igenom
Alpa, Beta & Release Candidate (RC)
65
Vilka element kan inte ha sluttagg
meta, img & input
66
Vad är några kod standards
Bara små bokstäver för taggar & attribut, avsluta alltid med sluttagg även om det är frivilligt, alltid citations tecken även om det är frivilligt.
67
Vad är gamma
Färgkalibrering
68
Nämn några sätt du kan göra en hemsida anpassad för funktionsnedsättnings "tjänster"
Label med till formulär, lägga in title attribut i element, alt attribut i img
69
Ge exempel på JavaScript
var (variable) name [deklareras som name] = prompt ("Vad heter du?") ; [värde] alert ("Du heter" + name + " och ditt namn är") + name.length + ("tecken långt"); Prompt & alert e exempel på BOM
70
Vad är skillnaden på webben och internet
Internet - globalt datornätverk Webben - programvara som utnyttjar internet
71
Hur kan man se nån annas sidas kod
högerklick för visa sidkälla
72
Vad är unicode
den teckenuppsättning som används mest idag
73
Vad är skillnad mellan get & post
post kommer inte visa ex. lösenord eller kreditkort i url & de skickar till servern
74
vad är en sitemap
en strukturkarta för planering av webbplatser
75
vad har en bra text redigerare
stöd för utf-8, radnumrering & syntax highlights