Recap

Webteknologi

• Basics

  • Variable

    • const

    • Let

  • Datatyper

    • string

    • number

    • boolean

    • array

    • object

  • for loop

  • if sentence

  • function

    • Definere funktion, kalde funktion

    • argumenter

    • parametre

    • Retur værdi

• Working with the DOM

  • Html/css

  • Selecting elements

  • Inserting elements

  • Eventlistener

  • Changing elements

• Visualisering I javascript

  • Chart.js

  • Interaktivitet via DOM

• Getting data from an API

  • Fetch

  • Asynkron kode

  • JSON

  • DOM

• Create an API using express

  • Node.js

  • Express

  • Endpoint

  • Response

  • Request

• Running sql from node.js

  • Connecting to the database

  • Sending queries to the database

  • Using the result in javascript

Exam example questions

Working with the DOM

Create a function that takes a name of a person and renders the name to a webpage

Visualisering I javascript

Create a function that can visualise a bar chart with the following data

const prices = [200, 300, 180, 700, 200]; 

Getting data from an API

Create a function that can fetch and console.log the amount of astronauts in space using this api: http://api.open-notify.org/astros.json

Create an API using express

Create an endpoint that responds with the following array

const usernames = [‘dragonKing76’, ‘cryptoMonger’]; 

Running sql from node.js

Create an endpoint that responds with all the entities from any table in your database

Visualisering

• Creating the right chart

  • Hvem er brugerne og hvad er budskabet?

  • Hvilken graf skal vi vælge?

  • Hvordan laver man fouserede grafer?

  • Hvordan laver man flotte grafer?

• Story telling and interactive graphs

  • Hvordan fortæller man en historie med data?

  • Hvordan og hvornår laver man en graf interaktiv?

Digital kultur

• Hvorfor - formålet

• Hvad - budskabet

• Hvem - målgruppen

• Hvordan - skrift, tale, video

• Hvor - forskellige medie