Eksamen Flashcards

1
Q

Hvad er grundstrukturen af en if-else kontrolstruktur ifølge teksten?

A

if ([betingelse]) { [kode] } else { [kode] }

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

Hvad er formålet med variabler ifølge teksten?

A

At holde fast i værdier som data eller tilstande.

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

Hvad er formålet med operatorer ifølge teksten?

A

At udføre operationer på værdier(logiske, aritmetiske, sammenligning etc.)

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

Hvad er formålet med betingelser ifølge teksten?

A

At udføre forskellig kode afhængigt af, om en given betingelse er falsk eller sand.

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

Hvad er komplekse datatyper ifølge teksten?

A

Arrays og objekter.

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

Hvad repræsenterer de to særlige datatype værdier, null og undefined?

A

Ukendt værdi og ingen værdi tildelt

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

Hvilken type operator er “===”

A

sammenligning

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

Hvad gør en logisk operator som “&&”

A

Udfører en logisk AND-operation

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

Hvad er formålet med if else-if kontrolstrukturen

A

At udføre forskellig kode baseret på flere betingelser
- specificerer en by betingelse hvis den første ikke er sand

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

Hvad er grundstrukturen af en if else-if kontrolstruktur

A

if ([betingelse1]) { [kode] } else if ([betingelse2]) { [kode] } else { [kode] }

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

Hvad gør en strengoperator som “+”

A

Konkatenere (sammenføjer) strenge

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

Hvad er formålet med unære operatorer

A

At arbejde med en enkelt operand

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

Hvad er formålet med aritmetiske operatorer

A

At udføre matematiske operationer på tal

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

Hvad karakteriserer en while-løkke

A

En glorificeret if-konstruktion

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

Hvad er risikoen ved while-løkker

A

Uendelige løkker

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

Hvad karakteriserer do-while-løkker

A

Kører mindst én gang

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

Hvordan bruges den klassiske for-løkke ifølge teksten

A

Til at gentage noget et bestemt antal gange

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

Hvad karakteriserer for-of-løkker ifølge teksten

A

Fungerer kun med “iterere-bare” variabler

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

while-løkker

A

while([betingelse]) {
[kode, der gentages]
}

while (i < 10) {
text += “The number is “ + i;
i++;
}

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

Do-while

A

do {
[kode, der gentages mindst én gang]
} while([betingelse]);

let text = “”;
let i = 0;
do {
text += i + “<br></br>”;
i++;
}
while (i < 5);

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

for klassisk

A

for ([før løkken køres]; [betingelse]; [“eftertanke”])
{
[Kode, der skal gentages]
}
eller
for (let n = 0; n < 100; n++)
{
print(n);
}

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

for…of

A

for (let [element] of [samling]) {
[Kode, der skal gentages]
}

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

for…in

A

for (property in object){
Kode blok der skal udføres
}

const numbers = [45, 4, 9, 16, 25];
let txt = “”;
for (let x in numbers) {
txt += numbers[x];
}

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

Hvad er en funktion

A

gruppering af kommandoer der kan genbruges

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

parametre i en funktion

A

Parametre er det formelle input i funktionserklæringen.
x:
function omvendt(x) { return -x;
}
let detOmvendte = omvendt(2);

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

argumenter i en funktion

A

Argumenter er de aktuelle værdier, der gives med, når funktionen kaldes.
2:
function omvendt(x) { return -x;
}
let detOmvendte = omvendt(2);

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

hvad gør hoisting ifbm. funktioner

A

funktioner løftes til toppen af koden

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

formålet med return statement i funktioner

A

at returnere en værdi fra funktioen

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

funktionsudtryk/anonyme funktioner

A

let omvendt = function (x) {
return -x;
}

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

funktionserklæring

A

function omvendt (x) {
return -x;
}

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

arrow funktionsudtryk

A

let function = (x) => {
return -x;
}

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

Hvad kendetegner funktioner som førsteklassesborgere i JavaScript?

A

de kan gives som argumenter til deres funktioner

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

formål med scope ifbm. funktioner

A

definere variabler lokalt for en funktion

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

Hvad er objekter i JavaScript?

A

Samlinger af navngivne properties ✓

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

Hvordan tilgår man properties i et JavaScript-objekt?

A

Med punktnotation (dot-notation) ✓

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

Hvordan laves enkelte objekter ved hjælp af object literal-notation?

A

let objektnavn = { … };

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

Hvad er this i JavaScript?

A

Et nøgleord, der refererer til det aktuelle objekt ✓

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

Hvordan laves objekter ved hjælp af en constructor function?

A

let navnPåNytObj = new ObjektFraConstructor (værdiNøgle1, værdiNøgle2)

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

hvad er en objects constructors

A

funktion til at oprette objekter. Har man brug for mange objekter med samme struktur/form, kan man med fordel benytte sig af object constructors

function Person(name, age) {
this.name = first;
this.age = age;
}

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

Hvad er en property i et Object Literal

A

et key-value par.
nøglen er en streng og værdi kan være alt

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

hvordan kaldes metoder i JS

A

gennem dot-notation

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

hvad gør console.log()

A

udskriver information til konsollen

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

hvad er særligt ved arrays

A

de præsenterer lister af elementer med persistent rækkefølge

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

hvordan tilgås elementer i array

A

gennem [] og deres indekstal som tælles fra 0

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

hvad gør .pop() array metoden

A

fjerner sidste elementer i array

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

hvad kan array-metoder

A

fungerer i stedet for løkker og tager funktioner som argumenter

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

hvad er array properties

A

dem hvor der udelukkende bruges dot-notation (eks. .length)

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

Hvad er formålet med et filsystem?

A

At lagre og organisere data

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

Hvad kendetegner stier i et filsystem?

A

De leder til en bestemt fil eller mappe.

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

hvad karakterisere absolutte stier?

A

de går altid fra roden og er altid utvetydige

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

hvad gør ‘…’ i relative stier

A

går ét niveau op i mappehierakiet

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

hvad kaldes kommandolinjen

A

CLI - command line interface

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

hvad gør kommandoen ‘cd’

A

change directory - ændrer den aktuelle mappe
Kan tage en absolut sti
cd /Users/Rikke/Documents
* cd Undervisning

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

hvordan laves ny mappe

A

mkdir + mappens navn

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

slet mappe

A

rmdir + mappens navn

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

søg efter filer

A

find /Users - name lecture-notes

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

hvad gør ‘ls’

A

lister indholdet af den aktuelle mappe

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

hvordan sendes outputtet fra en kommando til en fil

A

echo “tekst” > tekstfil.txt

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

metode til at læse filindhold synkront

A

readFileSync()

let fs = require(‘fs’)
let content = fs.readFileSync(‘data/names.txt’, ‘utf-8’);

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

hvad er node.js

A

et runtime enviroment til JS uden for browseren

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

Hvad gør FS-modulet i node

A

håndterer filsystemet og giver adgang til forskellige metoder

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

hvordan læses en fil ved hjælp af fs-modulet

A

let fs = require(‘fs’)
let content = fs.readFileSync(file, ‘utf-8’);

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

hvordan tager node programmer argumenter fra kommandolinjen

A

ved brug af process.argv

64
Q

hvordan skrives et argument fra kommandolinje til node.js

A

d:\kode> node(kommando) find.js(filnavn) “book.txt” “married” 12 (ekstra argumenter)

64
Q

hvad er formålet med CLI-argumenter i Node.js

A

at give ekstra oplysninger til et program under kørslen

65
Q

hvad er process.argv i node

A

et globalt objekt med kommandolinje argumenter

66
Q

hvad er event-loop i Node.js

A

en kø af events/handlinger der afvikles efter tur

67
Q

hvad karakteriserer asynkront programmering

A

gør det muligt at lave andre ting imens der ventes på at koden udføres

68
Q

hvordan læses en fil asynkront i Node.js

A

fs.readFile(‘file.txt’ , ‘utf-8’, function(error, content) {/…./});

69
Q

hvad er grunlæggende to typer filer i node

A

tekstiler og ikke tekst-filer

70
Q

et eksempel på et struktureret tekstbaseret dataformat

A

TXT (text)

71
Q

hvordan kan man læse en csv-fil i JS

A

fs.readFileSync(‘file.csv’, ‘utf8’);

72
Q

hvilke datatyper tillader json ifølge teksten

A

number, boolean, string, array, object, null

73
Q

hvad karakteriserer et Set

A

indeholder kun unikke værdier

74
Q

hvordan slettes key-value par i et Map

A

delete(key)

75
Q

hvordan iterere man over Map

A

for…of: giver hver nøgle + værdi som to elementer i array [nøgle, værdi]

for (let [key, value] of myMap)

.keys() kun ved nøgle
.values() kun ved værdi
.entries() - lister alle par

76
Q

hvordan skrives der asynkront til en fil

A

fs.writeFile(‘file.txt’ , text, function(error);

77
Q

hvordan oversættes der mellem tekst og levende JS objekter ved JSON

A

JSON.parse(string)

78
Q

hvordan læses JSON fil fra en fil i Node.js

A

fs.readFileSync(‘file.json’, ‘utf-8’);

79
Q

hvornår giver det mening at bruge Set

A

når man skal bruge unikke værdier uden behov for rækkefølgen

80
Q

hvordan itereres der over værdier i et Set

A

for…of eller .forEach()-metoden

81
Q

hvordan laves et øjebliksbillede om til en tekstuel repræsentation

A

JSON.stringify(objekt/array)

82
Q

hvordan laves nyt Set

A
  1. Et nyt, tomt sæt:
    let mySet = new Set();
  2. Et sæt ud fra et eksisterende iterable, f.eks. et array:
    let mySet = new Set(iterable);
83
Q

hvornår bruges Map

A

som opslagsværk. strørrelse findes nemt og rækkefølgen beholdes

84
Q

Hvordan fungerer metoder som .sort(), .filter(), .map(), og .reduce() på arrayer?

A

Disse metoder returnerer ofte et nyt array (bortset fra sort(ing in place))og anvender en given funktion på hvert element.

85
Q

Hvad er specielt ved .sort()-metoden i forhold til de andre?

A

ændrer arrayet direkte og returnerer ikke et nyt array.

86
Q

Hvad gør escape-karakteret \ i regulære udtryk?

A

Escape-karakteret \ bruges til at angive, at et tegn skal tolkes som den faktiske værdi.

87
Q

Hvad repræsenterer karakterklassen \w?

A

\w matcher (engelske) bogstaver, tal og underscore.

88
Q

Hvad er formålet med omvendte karakterklasser i regulære udtryk?

A

At matche præcist det modsatte af en karakterklasse.

89
Q

Hvad betyder kvantificering med + i regulære udtryk?

A

+ betyder én eller flere gentagelser af det foregående element.

90
Q

Hvad gør \d{8} i regulære udtryk?

A

Matcher tal, der forekommer præcist otte gange.

90
Q

Hvilken strengmetode bruges til at finde den første forekomst af en streng eller et regulært udtryk og returnere et index for, hvor forekomsten starter?

A

.search(/regex/) returnerer det første index, hvor udtrykket matcher.

91
Q

Hvad betyder kvantificering med ? i regulære udtryk?

A

? betyder nul eller én gentagelse af det foregående element.

92
Q

Hvad gør .replace(“streng”|/regex/, “streng”)-metoden?

A

erstatter (en eller flere) forekomster af en streng eller et regulært udtryk.

const paragraph = “I think Ruth’s dog is cuter than your dog!”;

console.log(paragraph.replace(“Ruth’s”, ‘my’));
// Expected output: “I think my dog is cuter than your dog!”

const regex = /Dog/i;
console.log(paragraph.replace(regex, ‘ferret’));

// Expected output: “I think Ruth’s ferret is cuter than your dog!”

93
Q

Hvordan splitter man en streng ved alle forekomster af en streng eller et regulært udtryk?

A

.split(“streng”|/regex/).

94
Q

Hvordan starter et HTML-tag?

A

<tag>
</tag>

95
Q

Hvad gælder for en CSS-regel?

A
  • Hvis en regel er specificeret flere gange, vinder den sidste
  • Specifik har forrang over generel
96
Q

Hvad bruges <form>-elementet til i HTML

A

At oprette en formular til brugerinput

97
Q

Hvad bruges en ID-selector til i CSS?

A

Identificere unikke HTML-elementer

<p>The second paragraph.</p>

<style>

    #blue {
      color: #1c87c9;
} 
</style>
98
Q

hvad bruges class selector til

A

når samme stil skal anvendes på flere html elementer

<h2>This is some heading.</h2>

<style>

    .blue {
      color: #1c87c9;
} 
</style>
99
Q

Hvad er det korrekte HTML-tag til at indsætte et billede?

A

<img></img>

100
Q

hvordan erklæres farve

A

color: …;

101
Q

Hvad repræsenterer padding i CSS’s box model?

A

Det område omkring indholdet

102
Q

Hvad er det korrekte HTML-tag til en ordnet liste?

A

<ol>
</ol>

103
Q

Hvad er kendetegnet ved et blok element i HTML?

A

Optager hele bredden og gennemtvinger linjeskift

104
Q

Hvad består et tag af

A

tag start: <a

attribut: href=

attribut værdi: “https://bachelor.au.dk/informationsvidenskab/”>

tekstindhold: Uddannelse AU: Informationsvidenskab

afslutning på tag: </a>

105
Q

hvordan laves tabeller?

A

<table>
<tr>
<th>Navn</th>
<th>Art</th>
<th>Alder</th>
</tr>

<tr>
<td>Fenja</td>
<td>Kat</td>
<td>4</td>
</tr>

<tr>
<td>Zeus</td>
<td>Hund</td>
<td>1</td>
</tr>

</table>

106
Q

hvad er en attribut

A

alle elementer kan have det. Består af navn og værdi. værdi sættes i “…”

107
Q

Hvordan fungerer kaskademodellen i CSS?

A

Sidst specificeret vinder

108
Q

Hvad bruges <textarea>-elementet til i en HTML-formular?</textarea>

A

At indtaste en tekstbesked

109
Q

Hvilke properties nedarves ikke automatisk fra det omgivende element i CSS?

A

Margin

110
Q

hvad står DOM for?

A

Document Object Model

111
Q

Hvad muliggør DOM

A

Manipulation af HTML og CSS gennem JavaScript i browseren

112
Q

Hvordan er DOM struktureret?

A

Som et stamtræ med forældre, søskende og børn

113
Q

Hvad er knuder (nodes) i DOM

A

Elementer

114
Q

Hvordan får man fat i en enkelt knude som er en streng med et ID

A

document.getElementById(id);

115
Q

Hvordan kan man ændre tekstindholdet i en knude?

A

node.nodeValue =

116
Q

Hvad gør appendChild i DOM?

A

Tilføjer et barn til enden af en parent-node

117
Q

hvordan sættes ny tekstknude på element

A

nytEl.appendChild(tekst);

118
Q

hvordan indsættes element et sted

A

element.appendChild(nytEl);

119
Q

hvordan aflæses HTML indholdet af en knude

A

let html = element.innerHTML;

120
Q

Hvordan slettes et barn i DOM?

A

someElement.removeChild(someChild);

121
Q

hvordan slettes en knude

A

someElement.remove()

122
Q

Hvordan sætter man attributter i DOM?

A

element.setAttribute(name, value)

123
Q

Hvordan ændrer man styling i DOM med JavaScript?

A

elem.style.color = “hotpink”

124
Q

Hvordan traverserer man DOM-træet for at komme til forrige søskende?

A

element.previousSibling

125
Q

Hvad er klasser i DOM?

A

Attributter for styling

126
Q

Hvordan tilføjer man en klasse med classList?

A

elem.classList.add(“vigtigt”)

127
Q

Hvad betyder separation of concern i forhold til styling?

A

Adskillelse af styling fra HTML og JavaScript

128
Q

Hvordan tilføjer man et nyt element til DOM?

A

document.createElement(“div”);

129
Q

Hvordan læser man indholdet af en knude som HTML?

A

et html = element.innerHTML

130
Q

Hvordan sletter man et element i DOM?

A

element.remove()

131
Q

Hvordan ændrer man attributværdier i DOM?

A

element.setAttribute(name, value)

132
Q

Hvad er for-in løkke anvendt på? DOM

A

Objekter

133
Q

Hvordan bruges for-in løkken på et objekt?

A

Iterere over egenskaberne i et objekt.

for (variable in object)
statement

134
Q

Hvordan tilføjer man en event listener til et HTML-element ved brug af “addEventListener”?

A

element.addEventListener(“click”, functionName, [options]);

135
Q

Hvad er formålet med en event (callback) funktion i eventhåndtering?

A

At indeholde kode, der skal køres på et senere tidspunkt (callbacks)

136
Q

Hvad indeholder eventobjektet altid?

A

Target-property, dvs. det element, hvor eventet skete: event.target
Kan også indeholde mere specifikke oplysninger om eventet, f.eks. musens koordinater eller den tast, der blev trykket på
Eventets type (f.eks. click, submit)

137
Q

Hvad er formålet med event.stopPropagation() i eventhåndtering?

A

At stoppe event-propageringen, så andre handlers ikke ser eventet

138
Q

Hvad er forskellen mellem event.target og event.currentTarget?

A

event.target refererer altid til det aktuelle element, mens event.currentTarget refererer til det element, hvor eventhandleren sidder

139
Q

Hvad er eventflow i forbindelse med eventhåndtering?

A

Måden, events flyder op gennem DOM-hierarkiet

140
Q

Hvad er eventdelegering?

A

At udnytte bubbling/capturing ved at installere eventlyttere højere oppe i træet

141
Q

Hvad er formålet med Options-objektet i addEventListener?

A

At indeholde ekstra indstillinger, såsom { once: true }

142
Q

hvordan skrives en event listener

A

element.addEventListener(“click”, functionName, [options]);

143
Q

Hvad er et eksempel på en brugerdrevet event?

A

click event

144
Q

Hvad er formålet med event.x og event.y i et eventobjekt?

A

At give musens x- og y-koordinater i forhold til vinduet

145
Q

Hvordan kan man udnytte eventdelegering i JavaScript?

A

Ved at installere eventlyttere højere oppe i DOM-træet

146
Q

Hvad er en fordel ved at bruge anonyme funktioner som eventhåndteringsfunktioner?

A

De kan ikke indeholde kode, der skal køres senere (callbacks)

element.addEventListener(‘click’, function()
{
alert(“Hej hej”) });

147
Q

Hvordan tilføjer man en event listener til et element ved brug af HTML-attribute?

A

<button>Klik her!</button>

148
Q

Hvad repræsenterer event.currentTarget i en eventhandler?

A

Det element, hvor eventhandleren sidder

149
Q

Hvad er formålet med event.stopPropagation()?

A

At stoppe event-propageringen, så andre handlers ikke ser eventet

150
Q

Hvordan kan man ændre eventets opførsel ved brug af eventobjektet?

A

Ved at kalde event.preventDefault()

151
Q

Hvordan får man fat I en enkelt knude som er CSS-selektor (eks. #etID eller .enKlasse)

A

document.querySelector(selector);
Selector kan være “p”, “.class” “href”

152
Q

Hvordan laves et Map ud fra et almindeligt objekt

A

let map = new Map(Object.entries(navnPåObjekt));

153
Q

hvordan indsættes nyt key-value par i et Map

A

map.set(key, value)

154
Q

Hvordan kan man konvertere et Map-objekt (liste med key-value par) til et almindeligt objekt i JavaScript, hvor nøglerne og værdierne bevares

A

let obj = Object.fromEntries (navn på Map)

const entries = new Map([
[‘foo’, ‘bar’],
[‘baz’, 42],
]);
const obj = Object.fromEntries(entries);
console.log(obj);
// Expected output: Object { foo: “bar”, baz: 42 }

155
Q

CSS: hvad er specifikationsrangen for styling?

A
  1. Inline styling
  2. Id selectors
  3. Class, attribut og pseudo-class
  4. Elementer og pseudo-elementer