|
Titel
2
|
Hjemmesider (HTML/CSS/JS) + interaktionsdesign
Vi arbejder i VS code som IDE, med "Live Server"-extension (fra Ritwick Dey) til at vise html-filerne.
OBS: Elever har brugt generativ AI til HTML + CSS i dette forløb. De har også fået lov til at bruge AI til at debugge JS-kode, men IKKE til at generere JS-kode.
Basal HTML + CSS + basal Javascript, frontend vs. backend. Client-server arkitektur + trelagsarkitektur.
Fokus på knapper der kan trykkes på, og funktioner der så kører, når man trykker på en knap.
Samle alt i én html fil, eller dele op i flere filer (altså .html, .css og .js), fordele og ulemper ved de to.
X-ray goggles til at se koden bag hjemmesider.
Javascript: Variable (deklaration og initialisering), identifiers ('let', 'const'), funktioner, forgreninger og løkker ('for' og 'while'-løkker).
Datatyper i Javascript: Char, String, Int, Array, og kort Object.
Forskel på '=', '==' og '===' i JS.
Stepwise improvement som metode til at skabe kode - lav små, testbare skridt, byg langsomt kompleksitet på.
Lasswells kommunikationsmodel og AIDA-modellen.
Den iterative udviklingsmodel.
Brugsmønstre, målgruppe, kravspecifikation.
Brugervenlighed og brugertesting, særligt fokus på tænke-højt test men også reflektioner om fordele og ulemper ved klassiske interviews og spørgeskemaer.
Introduktion til interaktionsdesign med fokus på Normans designprincipper og Gestaltlovene.
Afsluttende projekt med brainstorm til at starte med, implementation, inddragelse af interaktionsdesign, og endelig brugertest af produktet.
Video: HTML, CSS, JavaScript Explained [in 4 minutes for beginners]
Video: What is Frontend and Backend web development
Vi har brugt w3schools.com til mange detaljer, f.eks.
https://www.w3schools.com/html/
https://www.w3schools.com/js/js_intro.asp
https://www.w3schools.com/css/css_intro.asp
|