Frontend

Question 1

Vad är Datorns tre grundpelare?

Answer 1

Input > Process > Output

Question 2

Vad är ”frontend”?

Answer 2

Frontend för ett mjukvaruprogram eller för en webbplats är allt som en användare interagerar med. Från ett användarperspektiv är frontend samma sak som användargränssnitt (User Interface). Från en utvecklares perspektiv är det gränssnittsdesignen och den programkod som krävs för att gränssnittet ska fungera som tänkt.

Question 3

Vad är ”Backend”`?

Answer 3

Backend är i stället de funktioner och den databearbetning som sker i bakgrunden.

Question 4

Exempel på inmatning? (Input)

Answer 4

Mus
Tangentbord
Röst
Kamera
Kommandon från andra datorer

Question 5

Exempel på Proccess?

Answer 5

Processorn beräknar

Binär kod (01000010 01101001 01101110 11100100 01110010 00100000 01101011 01101111 01100100)

Olika chip för olika operationer

Minne för korttidslagring

Hårddisk för långtidslagring

Question 6

Exempel på Output?

Answer 6

Innehåll på en skärm
En utskrift från en skrivare
Ett kommando till en annan dator

Question 7

Vad står HTML för?

Answer 7

HyperText Markup Language

Question 8

Lektion 1 Sida 12

Question 9

Har ul sluttag?

Answer 9

Ja

Question 10

Vilka är Header storlekarna

Answer 10

H1, H2 …. H6

Question 11

Har < br > en slut tag?

Answer 11

Nej bara < br >

Question 12

Vad är semantisk HTML?

Answer 12

I HTML handlar det om att använda taggar som
beskriver innehållet och strukturen i rätt ordning
och på ett tydligt sätt för både människa och
maskin.

Question 13

Hur ser länk taggen ut i HTML?

Answer 13

<a href=”https://www.google.com”> Gå till Google
</a>

Question 14

Hur ser länk taggen ut i HTML till ett ID?

Answer 14

<a href=”#x”>
Gå till avdelning X
</a>

<section id=”x”>
< h1 >Det här är avdelning X< /h1 >
< /section >

Question 15

Vad kan en target atribut göra på ett länk dokument?

Answer 15

_blank Opens the linked document in a new window or tab

_self Opens the linked document in the same frame as it was clicked (this is default)

_parent Opens the linked document in the parent frame

_top Opens the linked document in the full body of the window

framename Opens the linked document in the named iframe

Question 16

Hur kommenterar man ut i HTML?

Answer 16

< !- - Kommentar här - - >

Question 17

Hur skriver man elementet för bild i HTML?

Answer 17

< img src =”min bild.jpg” alt=”En bild” >

Question 18

Skriv kod för hur man deklarerar atributer på ett bild element i HTML?

Answer 18

<img src=”minbild.jpg” alt=”En bild”
style=”border: 8px solid red;”
width=”200”
height=”200”/>

Question 19

Vad är står CSS för?

Answer 19

Cascading Style Sheets

Question 20

Skriv i CSS/HTML en CSS h1 med gul färg

Answer 20

<h1 style =”color: yellow;”>Startsidan</h1>

Question 21

Skriv i CSS/HTML en CSS h1 med gul färg och röd bakgrund

Answer 21

<h1
style =”background-color: red;
color: yellow;”>

</h1>

Question 22

Hur skrivs koden för att länka in ett CSS dokument i HTML?

Answer 22

< link rel =”stylesheet” href=”styles.css”>

Question 23

Vilka delar innehåller en deklarerad “class”?

Answer 23

Selector, Property och Value

Question 24

Deklarera en class med grön färg

Answer 24

. anything {
color: green;
}

Question 25

Hur skulle man deklarera fler classer i html?

Answer 25

<h1 class=”blue bold”>Frontend</h1>

Question 26

Hur skriver man CSS direkt på elementet?

Answer 26

Man använder style-attribut.

Question 27

Vad heter dom olika delar i box modelen utifrån in?

Answer 27

Margin, Border, padding

Question 28

Vad är 3 rem om px i html är 16

Answer 28

3 x 16 = 48

Question 29

Vad är em?

Answer 29

Relative to the font-size of the element (2em means 2 times the size of the current font)

Question 30

Vad är responsiv design?

Answer 30

Responsiv design handlar om att skapa en design som anpassar sig till flera skärmstorlekar/enhetstyper.

Question 31

Vad är JavaScript?

Answer 31

Ett objektorienterat programmeringsspråk som vanligen används för att skapa interaktiva effekter i webbläsare.

Question 32

Vad hjälper javascript med? (4 saker)

Answer 32

…att göra en webbsida mer interaktiv

• Modifiera innehåll utan sidomladdning
• Hämta och skicka data till en server
• Animationer

Question 33

Beskrivs med ett ord var HTML, CSS och JavaScript

Answer 33

Innehållslager, Presentationslager och Beteendelager

Question 34

Vad är ett script?

Answer 34

En serie instruktioner till webbläsaren som berättar vad den ska göra.

Question 35

3 saker att tänka på när man skriver script

Answer 35

1. Definiera målet
2. Designa scriptet
3. Koda varje steg