1. What is true regarding communication over http? (multiple choice)

• The server initiates the request to the client
• The server sends a response to the client request
• The client sends a response to the server request
• The client initiates the request to the server

2. What is an example of a http method

• application/json
• 200 OK
• DELETE
• XMLHttpRequest

3. Which browser component is responsible for drawing on the screen?

• Javascript Engine
• Network stack
• Rendering Engine
• UI Backend
• Browser Engine

4. Why do we not want styling to be done in our javascript files? (Multiple choice)

• CSS generated from javascript will not be rendered
• Modern browsers won’t accept CSS manipulation in javascript code as it opens up for security issues
• Seperation Of Concern is a design goal that simplifies the maintenance of an application
• Designers would probably like to have CSS separeted from javascript

5. Why is it recommended to place script-tags at the bottom of the html file?  (Multiple choice)

• The script will have increased performance
• The HTML code will be easier to read
• Loading of the script will not block rendering of html
• The DOM is rendered before we try to manipulate it.

6. Which object is the “global object” in the browser?

• document
• window
• object
• module

7. Can we use node-modules (modules.export/require) out of the box in the browser?

• No
• Yes

8. Can we use Ecma Script-modules (exports/imports) out of the box in the browser?

• No
• Yes

9. What is true? (Multiple choice)

• The only way to debug in the browser is to use console.log or alert
• Docker is needed to be able to build javascript applications for the browser
• Webpack is needed to be able to build javascript applications for the browser
• Javascript can run both on client and server

10. DOM is an abbrevation for….

• Dynamic Object Moderation
• Document Over Modulation
• Document Object Model
• Dynamic Over Model

11. Which options do you have to select the li element containing the text node “Second one”

• document.querySelector(“#SecondOne”)
• document.querySelectorAll(“li”)[1]
• document.getElementById(“numberlist”).firstChild.nextSibling
• document.getElementById(“numberlist”).children[1]

12. How do you create a new ELEMENT_NODE using javascript? (Multiple choice)

• document.createElement()
• document.createTextNode()
• anotherNode.cloneNode()
• node:create “ELEMENT_NODE”

13. Given HTML and CSS…Which class/classes is set on the div?

• red, blue, tiger
• blue, number, tiger
• blue, tiger
• red, number
• number, red, blue, number, tiger

14. Why do we use templates?

• Better performance than creating nodes using js
• They help us separate html from js
• It is a better version of flash
• Templates are cached in the browser. JS-code is not.

15. What is an event listener?

• An asynchronous call to a synchronous object-prototype using the built in document.xhr-function
• the string “click”, “load” etc.
• A function added to the event queue when an event of a specified type occurs in the browser
• A tree describing the modular parts of the browser including mouse and keyboard

16. Given code…In what order will the animals be logged?

• dog, bird, cat
• bird, dog, cat
• dog, cat, bird
• cat, dog, bird

17. Given code…What is written in the log when the button is clicked:

• The div The button
• The button The div
• The button
• The div

18.   What is wrong with this code?

• Nothing. It will work
• XMLHttpRequest object is deprecated
• You do not know how long the response time is
• The code will only work in Chrome

Answers and last years recording

Recording of 2017: https://youtu.be/dy2bHVry6oI

Correct answers:

1: 2, 4

2: 3

3: 4

4: 3, 4

5: 3, 4

6: 2

7: 1

8: 2

9: 4

10: 3

11: 2, 4

12: 1,3

13: 2

14: 2

15: 3

16: 3

17: 3

18: 3