Skip to main content
Dat 2. semester
Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Back to homepage

04 Frontend II

Læringsmål for frontend II

Mandag

  • Review

Tirsdag

Grid og flex layout recap

Case: Etablering af fælles udgangspunkt med identifikation af ønskede features der kræver javascript

Vi repeterer HTML og CSS mens vi koder result.html

Introduction til javascript

  • setup
  • variable
  • query selection
  • opdatering af HTML
  • funktioner
  • events

Forberedelse til hele ugen

Der er både koncepter og opgaver, så du kan prøve det af, i dette materiale JavaScript — Kernebegreber

Onsdag

workshop: implementering af udvalgte features i javascript

Torsdag

Data i javascript

  • local storage
  • JSON

Fredag

På mandag til feedback, skal I vise en ny version af jeres frontend fra sidste uge, hvor I har forbedret brugeroplevelsen ved hjælp af javaScript. Det kan være input validering der ikke allerede er indbygget i HTML5 elementer. Det kan også være opdatering af HTML elementer (tilføjelse af tekst, elementer eller ændring af styling) på baggrund af data gemt i localStorage eller læst fra sidens URL search string (URL parametre).

I casen arbejdede vi med eksempler på begge dele.